vscode 优化处理
vue项目 tempalte 显示 波浪线
// 错误提示
TypeScript intellisense is disabled on template. To enable,
configure `"jsx": "preserve"` in the `"compilerOptions"` property of tsconfig or jsconfig.
To disable this prompt instead, configure `"experimentalDisableTemplateSupport": true` in `"vueCompilerOptions"` property.volar
// 处理方法 jsconfig.json
// "jsx":"preserve"
{
"compilerOptions": {
"target": "es5",
"module": "esnext",
"baseUrl": "./",
"moduleResolution": "node",
"jsx":"preserve" ,
"paths": {
"@/*": [
"src/*"
]
},
"lib": [
"esnext",
"dom",
"dom.iterable",
"scripthost"
]
}
}
无法使用 JSX，除非提供了 "--jsx"
-
文件->首选项->设置-> '搜索设置：vetur' -> 找到
-
Vetur › Validation: Script 取消勾选 √
-
Vetur › Validation: Style 取消勾选 √
-
Vetur › Validation: Template 取消勾选 √
-
文件->首选项->设置-> '搜索设置：eslint' -> 找到 Eslint: Enable
vscode 显示 .git 隐藏文件夹
文件->首选项->设置-> '搜索设置: 输入 files' -> 找到 Files.Assocications, 将 .git 的配置删除
对应的 settings.json
{
"files.associations": {
"*.cjson": "jsonc",
"*.wxss": "css",
"*.wxs": "javascript"
},
"files.exclude": {
"**/.git": false
}
}
tab 键自动补全代码
文件 -> 首选项 -> 设置 -> 搜索设置: 输入 emmet.triggerExpansionOnTab，☑️ 勾选中
文件 -> 首选项 -> 设置 -> 搜索设置: 输入 files.associations'，配置语言的文件关联 (如: "*.vue": "html")
//settings.json
{
"emmet.triggerExpansionOnTab": true,
"files.associations": {
"*.cjson": "jsonc",
"*.wxss": "css",
"*.wxs": "javascript",
"*.scss": "css",
"*.js": "html",
"*.vue": "html"
},
}