如要自动引入Vue组件,首先需安装VSCode拓展: Vetur
在根目录添加 jsconfig.json
。
每次修改jsconfig.json
后需重启该VSCode窗口
{
"include": [
"./src/**/*"
],
}
同上,需更新 jsconfig.json
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": [
"./src/*"
]
},
},
"include": [
"./src/**/*",
],
}
lodash
为例,安装 lodash
: npm install lodash
jsconfig.json
{
"compilerOptions": {
"checkJs": true,
},
"include": [
"node_modules/lodash/*"
],
}
Ctrl/Command + .
),选择JS模块注意:
checkJs
可能会引起部分项目语法报错,如有报错可使用下面的方法作为替代方案。
Npm Intellisense
自动引入node_modules中的JSNpm Intellisense
Npm Intellisense
{
"npm-intellisense.scanDevDependencies": true,
"npm-intellisense.importES6": true,
"npm-intellisense.importQuotes": "'",
"npm-intellisense.importLinebreak": ";\r\n",
"npm-intellisense.importDeclarationType": "const",
}
Ctrl/Command + Shift + P
): Npm Intellisense: Import module
后, 选择引入包自动引入Vue组件和JS模块后,按住Ctrl/Command
点击路径可直接跳到该文件
感谢你的阅读。欢迎通过微信(扫描下方二维码)或Github订阅我的博客。