VSCode vue下路径自动补全 包括 @/
vscode 路径自动补全,网上已经有很多的资料了,随便查一下就有,这里面主要记录一下我配置的时候遇到的过的一些问题,在一个地方跌倒两次了,不能再跌倒第三次了。一、安装1、VSCode安装Path Intellisense:打开vscode,在插件部分搜索path Intellisense,然后直接点击安装即可,如下图:我的已经安装过过了,所以,没有安装按钮,正常的情况,点击安装即可。2、配置路径
vscode 路径自动补全,网上已经有很多的资料了,随便查一下就有,这里面主要记录一下我配置的时候遇到的过的一些问题,在一个地方跌倒两次了,不能再跌倒第三次了。
一、安装
1、VSCode安装Path Intellisense:
打开vscode,在插件部分搜索path Intellisense,然后直接点击安装即可,如下图:
我的已经安装过过了,所以,没有安装按钮,正常的情况,点击安装即可。
2、配置路径配置文件jsconfig.json
在根目录,也就是package.json同级目录下,找到jsconfig.json 文件,如果没有的话,可以创建一个,然后维护如下内容
{
"compilerOptions": {
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
}
},
"exclude": ["node_modules", "dist"]
}
完成上面两个,基本上配置的问题就完成了,顺利的话,就可以用了。
下面介绍我安装配置的时候遇到的问题:
二、路径不自动补全遇的问题
1、没有重启编vscode
2、打开项目的路径不正确
vscode打开不是在项目路径不正确,不是直接打开项目的那个文件夹,而是打开了项目的上一个文件夹,这样,最明显的一个提示就是在打开项目的时候,右下角会提示各种json配置文件找不到,如下图:
我打开的路径是
但是,实际上,这个路径是不正确的,需要在进入子路径才行,如下图:
通过vscode直接打开上面的路径,才可以启用,否则,vscode会因为找不到配置文件从而导致路径补全失败,我就是因为这个问题,导致我耽误了好久的时间。
希望这篇文章对大家有所帮助, 有不对的,请大家指正
更多推荐
所有评论(0)