vscode常见问题---kalrry
1、vscode中语法正确但报错
原因
一般是启用了严格语法
解决方法
在文件中 ->首选项 ->设置 中 搜索 “eslint.enable” 把勾选去除即可
2、vscode中安装edge浏览器插件报错
原因
一般安装了edge浏览器插件导致代码报错
解决方法
卸载
3、vscode格式化文档不自动换行
1、vscode下载ESlint, Prettier, Vetur插件
2、打开vscode 选择 文件->首选项->设置
3、搜索vetur.format.defaultFormatterOptions,之后在setting.json中编辑如下代码
4、ctrl + s 保存 ,设置默认Vetur
不换行json
// ---------------- 设置属性、js不自动换行 ----------------
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "aligned-multiple" //当超出折行长度时,将属性进行垂直对齐
},
"prettyhtml": {
"printWidth": 100,//每行100字符
"singleQuote": false,//单引号强制转双引号
"wrapAttributes": false,
"sortAttributes": false
}
},
// 这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// 让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
// ---------------- 设置属性、js不自动换行 ----------------
还原换行
{
"vscode-edge-devtools.mirrorEdits": true,
"explorer.confirmDelete": false,
"cssrem.rootFontSize": 100,
"liveServer.settings.donotShowInfoMsg": true,
"open-in-browser.default": "Chrome",
"editor.unicodeHighlight.nonBasicASCII": false,
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"diffEditor.ignoreTrimWhitespace": false,
"eslint.enable": false,
"vetur.format.defaultFormatterOptions": {
"prettyhtml": {
"printWidth": 100,
"singleQuote": false,
"wrapAttributes": false,
"sortAttributes": false
}
}
}