vscode 开启对 webpack alias(文件别名) 引入的智能提示
在webpack项目中,我们经常会设置alias来引入文件,避免文件路径写的过长过深,但是使用alias的时候会发现路径和函数的智能提示不见了,如果路径名称很复杂的话很容易写错而且也不方便。在vue 项目中,我们经常这样设置chainWebpack: config => {config.resolve.alias.set("@", resolve("src"))}...
·
在webpack项目中,我们经常会设置alias来引入文件,避免文件路径写的过长过深,但是使用alias的时候会发现路径和函数的智能提示不见了,如果路径名称很复杂的话很容易写错而且也不方便。
在vue 项目中,我们经常这样设置
chainWebpack: config => {
config.resolve.alias
.set("@", resolve("src"))
}
将src目录别名设置为@,为了能够有智能提示,我们可以在项目根目录下新建一个 jsconfig.json文件,文件位置如下:
在该文件中写入对应的配置:
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
},
"exclude": ["node_modules", "dist"]
}
这样,在import someThing from '@/common’的时候我们的智能提示又回来了。nice。
更多的设置可以查看vscode官方文档
写好JSDoc也是一个技术活,代码不规范,注释不完整,亲人两行泪。。
以上
更多推荐
已为社区贡献4条内容
所有评论(0)