## 开始配置 * 上一章我们可以看到,引入的api使用`@`符号开头,但是工具无法自动找到,还用黄线标注,具体如下: ![](https://img.kancloud.cn/b7/d2/b7d2e14ff4468a2867bcb73c8ecfba6c_926x1262.png) * 发现我们也无法用快捷键快速导航,这样不方便我们开发 * 所以我们需要进行配置,提高开发效率 ## 配置路径 * 以webstorm为例,我们找到webpack配置 ![](https://img.kancloud.cn/ee/08/ee087f34c483111fd60cba27519e5e0f_2048x796.png) * 在右侧找到`node_modules/@vue/cli-service/webpack.config.js` ![](https://img.kancloud.cn/3d/2a/3d2a533e33357259a224dcfebcdcb734_888x1418.png) ![](https://img.kancloud.cn/1e/fa/1efaded1d30d4ee162b059d389698d72_2058x1444.png) * 点击应用,再次打开工程其他引入,发现已经正确显示 ![](https://img.kancloud.cn/f4/a3/f4a33d53bcb31f38dfb655760034c9de_1210x1110.png)