vsCodeJS代码格式化插件ESlint 验证有效，Ctrl+S保存代码全格式化了。写这个主要是个⼈笔记，算不得重复造。
1、安装插件
VSCode中打开应⽤商店并搜索、安装三个插件：ESlint，vetur，Prettier - Code formatter。具体
2、配置VSCode的Settings.json⽂件
2.1、打开设置界⾯
路径打开：File(⽂件)->Preferences(⾸选项)->Settings(设置)。
快捷键打开：Ctrl+，
2.2、打开Settings.json⽂件
打开⽅法1：
打开⽅法2：
2.3、配置代码，// 代码格式化
{
// 代码⽂件头部注释
"fileheader.customMade": {
"Descripttion": "js",
"Version": "1.0",
"Author": "name",
"Date": "Do not edit",
"LastEditors": "name",
"LastEditTime": "Do not edit"
},
"fileheader.cursorMode": {
"name": "",
"test": "test font",
"msg": "",
"param": "",
"return": ""
},
// 代码格式化
// vscode默认启⽤了根据⽂件类型⾃动设置tabsize的选项
"editor.detectIndentation": false,
/
/ 重新设定tabsize
"editor.tabSize": 2,
// #每次保存的时候⾃动格式化
"editor.formatOnSave": true,
// #每次保存的时候将代码按eslint格式进⾏修复
"eslint.autoFixOnSave": true,
// 添加 vue ⽀持
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
//  #让prettier使⽤eslint的代码格式进⾏校验
"prettier.eslintIntegration": true,
//  #去掉代码结尾的分号
"prettier.semi": false,
//  #使⽤带引号替代双引号
"prettier.singleQuote": true,
//  #让函数(名)和后⾯的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #这个按⽤户⾃⾝习惯选择html文件格式化
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按编辑器⾃带的ts格式进⾏格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
// #vue组件中html代码格式化样式
}
},
// 格式化stylus, 需安装Manta's Stylus Supremacy插件
"stylusSupremacy.insertColons": false, // 是否插⼊冒号
"stylusSupremacy.insertSemicolons": false, // 是否插⼊分好
"stylusSupremacy.insertBraces": false, // 是否插⼊⼤括号
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换⾏
"stylusSupremacy.insertNewLineAroundBlocks": false, // 两个选择器中是否换⾏
"plate": false,
"deActionsOnSave": null//关闭vetur标签闭合检查（⽤于解决iview标签报错）}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。