加快开发效率的又一个神兵利器——Path Autocomplete

1,845 阅读1分钟

今天要推荐的是一个非常实用的插件——Path Autocomplete

一般来说,插件都是处于一种锦上添花的位置。但是这个插件简直是雪中送炭。

image.png

为什么要使用Path Autocomplete?

我们在开发的时候,总是为引入一些资源,组件的路径而烦恼。因为这样写的路径太长了,显得又长又臭。

image.png

于是诞生了alias别名,简化了我们的写法:

配置: image.png
写法:
image.png

但是这种写法是没有路径提示的:

image.png

配置了Path Autocomplete后:

image.png

配置

1.下载安装

2.在根目录下新建jsconfig.js,并配置别名

image.png

3.在根目录新建.vscode目录,配置项目的根路径

image.png
根路径是可以更改的,目前是到src下,也可以改成"${folder}/"到项目的根目录下。
这样就可以了。

目前的缺陷

我不知道是我使用的不对还是怎样,目前如果把根路径设置到src下面,则无法识别src以外的目录,比如无法识别public目录。但如果把根路径设置到根目录下,则只能识别第一层的目录。并且只能从第一层开始往下找,比如src/assets/images/logo.png,如果设置images别名,无法从images开始找起,只能assets/images/logo.png找起。

image.png