如要自動引入Vue組件，首先需安裝VSCode拓展： Vetur 自動引入Vue組件和普通Js模塊 在根目錄添加 jsconfig.json 。 每次修改jsconfig.json後需重啟該VSCode視窗 支持Webpack別名路徑 同上，需更新 jsconfig.json 在JS中自動引入nod ...
如要自動引入Vue組件，首先需安裝VSCode拓展： Vetur
自動引入Vue組件和普通Js模塊
在根目錄添加 jsconfig.json 。
每次修改jsconfig.json後需重啟該VSCode視窗
{
"include": [
"./src/**/*"
],
}
支持Webpack別名路徑
同上，需更新 jsconfig.json
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": [
"./src/*"
]
},
},
"include": [
"./src/**/*",
],
}
在JS中自動引入node_modules中的JS
- 以
lodash為例，安裝lodash:npm install lodash - 在根目錄添加
jsconfig.json
{
"compilerOptions": {
"checkJs": true,
},
"include": [
"node_modules/lodash/*"
],
}
- 輸入關鍵字後，點擊提示燈泡（快鍵鍵:
Ctrl/Command + .），選擇JS模塊
註意：
checkJs可能會引起部分項目語法報錯，如有報錯可使用下麵的方法作為替代方案。
使用Npm Intellisense自動引入node_modules中的JS
- 安裝VSCode拓展：
Npm Intellisense - 配置
Npm Intellisense
{
"npm-intellisense.scanDevDependencies": true,
"npm-intellisense.importES6": true,
"npm-intellisense.importQuotes": "'",
"npm-intellisense.importLinebreak": ";\r\n",
"npm-intellisense.importDeclarationType": "const",
}
- VSCode輸入命令（
Ctrl/Command + Shift + P）:Npm Intellisense: Import module後, 選擇引入包
其他
自動引入Vue組件和JS模塊後，按住Ctrl/Command點擊路徑可直接跳到該文件
本文原始發佈地址：我的博客
