VSCode打开vue项目,解决无法对@/assets/aaa.vue指向的文件使用跳转,几乎适用于所有webpack项目
在使用VSCode,但是它默认是无法跳转类似于@/assets/aaa.vue 这样的路径的,怎么办?使用jsconfig.jsonjsconfig.json是VSCode自带的一个配置文件,默认不生成这个文件,需要自己创建。官方文档有说明。文档:https://code.visualstudio.com/docs/languages/jsconfig它的原理是,根据文档配置这个json,...
·
在使用VSCode,但是它默认是无法跳转类似于@/assets/aaa.vue 这样的路径的,怎么办?
使用jsconfig.json
jsconfig.json是VSCode自带的一个配置文件,默认不生成这个文件,需要自己创建。官方文档有说明。
文档:https://code.visualstudio.com/docs/languages/jsconfig
它的原理是,根据文档配置这个json,然后放到项目的根目录里面,重启VSCode,然后右击@/assets/aaa.vue这样的路径,就会发现,可以正常用了。
在项目根目录新建 jsconfig.json 文件
键入以下代码,然后重启VSCode
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
},
"target": "ES6",
"allowSyntheticDefaultImports": true
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}
大功告成
更多推荐
已为社区贡献2条内容
所有评论(0)