确保eslint在工作
控制台大量报错信息
确保setting.json
开了保存的时候自动格式化代码 这个时候保存的时候代码可以自动被格式化 但是 文档中和控制台中仍然有大量的报错 信息 此时此刻说明 格式化文档的文件不是按照eslint 格式化的
可以网上找找现成可用的setting.json抄一下 这是我的 配的乱七八糟的(网上东拼西凑的)
javascript
{
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": false,
"explorer.confirmDragAndDrop": false,
"javascript.preferences.quoteStyle": "single",
"typescript.preferences.quoteStyle": "single",
// tab 大小为2个空格
"editor.tabSize": 2,
// 100 列后换行
"editor.wordWrapColumn": 100,
// 保存时格式化
// "editor.formatOnSave": true,
// 开启 vscode 文件路径导航
"breadcrumbs.enabled": true,
// prettier 设置语句末尾不加分号
"prettier.semi": false,
// prettier 设置强制单引号
"prettier.singleQuote": true,
// 注释后面加空格
"prettier.eslintIntegration": true,
// 选择 vue 文件中 template 的格式化工具
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "vscode-typescript",
// 显示 markdown 中英文切换时产生的特殊字符
"editor.renderControlCharacters": true,
// vetur 的自定义设置
"vetur.format.defaultFormatterOptions": {
"prettier": {
"singleQuote": true, // true 为使用单引号
"semi": true,// 去掉分号
"singleAttributePerLine": true,
},
"js-beautify-html": {
"wrap_attributes": "force",
"wrap_attributes_mode": "auto",
"wrap-line-length": 100,
"wrapped_attributes_per_line": "multiple",
"wrapped_attributes_indent": "auto",
"wrapped_attributes_end": "auto"
}
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint" // 使用 vetur 格式化规则
},
"workbench.iconTheme": "vscode-icons-mac",
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": "active",
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"eslint.enable": true,
"eslint.autoFixOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "true"
},
"files.autoSave": "afterDelay",
"eslint.format.enable": true,
"editor.formatOnType": true,
// eslint 检测文件类型
"eslint.validate": [
"html",
"vue",
"javascript",
{ "language": "html", "autoFix": true }
],
"bracketPairColorizer.depreciation-notice": false,
"diffEditor.ignoreTrimWhitespace": false,
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"terminal.integrated.profiles.windows": {
"PowerShell": {
"source": "PowerShell",
"icon": "terminal-powershell"
},
"Command Prompt": {
"path": [
"${env:windir}\\Sysnative\\cmd.exe",
"${env:windir}\\System32\\cmd.exe"
],
"args": [],
"icon": "terminal-cmd"
},
"Git Bash": {
"source": "Git Bash"
},
"Windows PowerShell": {
"path": "C:\\Windows\\System32\\WindowsPowerShell\\v1.0\\powershell.exe"
}
},
"terminal.integrated.defaultProfile.windows": "Windows PowerShell",
"workbench.colorCustomizations": {},
"workbench.colorTheme": "One Dark Pro Darker",
"Codegeex.Privacy": false,
"fileheader.configObj": {
"Author": "Guomy",
"createFileTime": true, // 设置为true则为文件新建时候作为date,否则注释生成时间为date
"autoAdd": true, // 自动生成注释,老是忘记的同学可以设置
"annotationStr": {
"head": "/*",
"middle": " * @",
"end": " */",
"use": true // 设置自定义注释可用
},
"headInsertLine": {
"php": 2
}
},
"fileheader.cursorMode": {
"Description": "", // 文件内容描述
"Author": "Guomy", // 编辑人
"Date": "Do not edit", //时间
"LastEditTime": "Do not edit",
"LastEditors": " "
},
"editor.formatOnSave": true,
"prettier.documentSelectors": ["\"singleAttributePerLine\": true,"],
"prettier.requireConfig": true,
"json.schemas": [
],
"html.format.contentUnformatted": "",
"eslint.format.enable": true,
"eslint.notebooks.rules.customizations": [
],
}
配置格式化文档为eslint
注意这里点进去有vscode vetur prettier选项(如果安装过这种插件的话)
必须确保默认值为eslint 点进去配置默认格式化程序配置为eslint 我就是没有点进去配置默认格式化文档 点了很多次eslint 发现保存还是爆红 其实是当前一次配置为 eslint 但是每次保存的时候自动格式化又返回到设置的默认值了(如果默认值没有成功配置为eslint)
点完之后就没啥了