首先，我們需要安裝路徑自動完成插件。
然後，打開設置setting.json，並配置提示規則pathMappings，如下圖所示。
Path Intellisense插件的配置類似，這裏的區別是根目錄除了jsonKey不同，其余都壹樣。
之所以這樣配置，是為了提高開發體驗，光有路徑引導是不夠的，還要有文件模塊的提示關聯和文件跳轉的功能，所以配置jsconfig是必要的。
在這裏，我先貼壹下官方文件，所以我習慣直接去看官方文件。我簡單解釋壹下。
jsconfig # _使用-web pack-別名
配置後，您可以在vue文件中使用它！
至此，我終於不用寫這麽多了.../.../.
給妳個提示。在js文件中使用@/作為引用路徑，在html文件中引入圖像地址時使用~@image。別忘了以前的~
以Vue項目為例。我們需要配置vue.config.js文件，其中最重要的是configureWebpack屬性。
完成此操作後，包會將@視為__dirname，因此我們可以根據之前的規則逐個添加別名。
此時，您可以愉快地進行文件別名+自動路徑提示的快速開發過程，並推薦給還不知道的朋友！