vscode代码规范插件_vscode怎么⼀键规范代码格式具体⽅法如下：
⽂件 -> ⾸选项 -> 设置 -> {}
在右侧⽤户设置中可以对当前编辑器默认的进⾏更改
下⾯的复制到⽤户设置中, ctrl + s 即可完成对代码的规范。{
// vscode默认启⽤了根据⽂件类型⾃动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #每次保存的时候⾃动格式化
"editor.formatOnSave": true,
// #每次保存的时候将代码按eslint格式进⾏修复
"eslint.autoFixOnSave": true,
// 添加 vue ⽀持
"eslint.validate": [
"javascript",
html代码转链接"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
// #让prettier使⽤eslint的代码格式进⾏校验
"prettier.eslintIntegration": true,
// #去掉代码结尾的分号
"prettier.semi": false,
// #使⽤带引号替代双引号
"prettier.singleQuote": true,
// #让函数(名)和后⾯的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #这个按⽤户⾃⾝习惯选择
"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 // 两个选择器中是否换⾏}

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