好的IDE + 好的代码提示 = 高效率的开发
webstorm
设置@
和~
别名,有助于代码查看和跳转.
step 0
在项目下创建一个webpack.config.js
,内容如下:
const path = require('path')
module.exports = {
resolve: {
extensions: ['.js', '.json', '.vue', '.ts'],
root: path.resolve(__dirname),
alias: {
'@': path.resolve(__dirname),
'~': path.resolve(__dirname)
}
}
}
代码来源:https://github.com/nuxt/nuxt.js/issues/1881#issuecomment-338157397
step 1
设置 IDE
webstorm -> file -> settings -> language & frameworks -> javascript -> webpack
指定一下 webpack.config.js 的文件路径