VsCode中,Vue导入组件路径提示
当用Vue组件开发时,经常会引入文件,但又没提示该如何解决
!!!!!!!注意!!!!!!!!!!
**编写vue项目时需要从根目录打开,否则会导致很多插件不能用**
1
!!!!!!!注意!!!!!!!!!!
![](https://i-blog.csdnimg.cn/blog_migrate/f1e8651f1df3242787f7c749c4fb5895.gif)
设置之后的效果
打开VSCode
第一步:点击扩展
第二步:搜索框输入 Path Autocomplete
第三步:点击安装(详情查下图)
安装完成之后还需要配置文件先别着急接着往下看
![](https://i-blog.csdnimg.cn/blog_migrate/89778ced55643459d99942c059510ea8.png)
第四步:点击左下角齿轮图标
第五步:点击设置
![](https://i-blog.csdnimg.cn/blog_migrate/cf7f0b8cddadc31587add6e67f1bf918.png)
第六步:点击配置按钮
![](https://i-blog.csdnimg.cn/blog_migrate/8fbf7a55703e7dbea8da33e779cb3e0b.png)
第七步:复制这段代码
1 //导入文件时是否携带文件的拓展名
2 "path-autocomplete.extensionOnImport": true,
3 //配置@的路径提示
4 "path-autocomplete.pathMappings": {
5 "@": "${folder}/src"
6 },
第八步:将这段代码粘贴到顶部(并且保存关闭页面)
![](https://i-blog.csdnimg.cn/blog_migrate/61b8b278a5279d7825ac9046545d2218.gif)
!!!!!!!注意!!!!!!!!!!
**编写vue项目时只打开一个项目,打开多个文件会导致很多插件不能用**
1
!!!!!!!注意!!!!!!!!!!
大功告成!!!
![](https://i-blog.csdnimg.cn/blog_migrate/8c83c412244798d3baf683bbb3111d2c.gif)