如要自動引入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
點擊路徑可直接跳到該文件
本文原始發布地址:我的博客