VsCode中,Vue导入组件路径提示
当用Vue组件开发时,经常会引入文件,但又没提示该如何解决
!!!!!!!注意!!!!!!!!!!
**编写vue项目时需要从根目录打开,否则会导致很多插件不能用**
!!!!!!!注意!!!!!!!!!!
设置完成展示:
![](https://i-blog.csdnimg.cn/blog_migrate/e65fcac06d3f6910a24cc802ce7493e2.gif)
第一步:安装插件 (打开vscode,搜索框输入 Path Autocomplete,点击安装)
![](https://i-blog.csdnimg.cn/blog_migrate/2dfd28172c3dd4f72dc4b41cfd7adffa.png)
第二步:配置文件(点击左下角齿轮图标,点击设置,点击配置按钮)
![](https://i-blog.csdnimg.cn/blog_migrate/ba291b14bf5d60aa20ed4c8967e0e2a4.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b1286ed214323a2e85ebfe2548d9eb6a.png)
复制这段代码
//导入文件时是否携带文件的拓展名
"path-autocomplete.extensionOnImport": true,
//配置@的路径提示
"path-autocomplete.pathMappings": {
"@": "${folder}/src"
},
将这段代码粘贴到顶部(并且保存关闭页面)
![](https://i-blog.csdnimg.cn/blog_migrate/a214518d0a97a21cd533edc20c6df82f.gif)
!!!!!!!注意!!!!!!!!!!
编写vue项目时只打开一个项目,打开多个文件会导致很多插件不能用
!!!!!!!注意!!!!!!!!!!
大功告成!!!
![](https://i-blog.csdnimg.cn/blog_migrate/c0a8191b0821f88e659f2e92c71b0e34.gif)