vscode⼀键规范代码格式的实现
使⽤vscode的过程中⾃⼰或者push代码以后代码的格式可能会出现错乱,
作为⼀个成熟的开发 , 当然应该遵守⼀些代码规范, ⾸先代码整洁度应该排在第⼀位
使⽤vscode 格式化代码在少量的情况下可能可以⼿动去修改格式, 但在⼤量格式排版不对齐的情况下, 应该怎么做?
⽂件 -> ⾸选项 -> 设置 -> {}
在右侧⽤户设置中可以对当前编辑器默认的进⾏更改
下⾯的复制到⽤户设置中, ctrl + s即可完成对代码的规范
{
// 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,
// #这个按⽤户⾃⾝习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按编辑器⾃带的ts格式进⾏格式化
"vetur.format.defaultFormatter.js": "vscode-typescript",
html文件格式化"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 // 两个选择器中是否换⾏
}
到此这篇关于vscode ⼀键规范代码格式的实现的⽂章就介绍到这了，更多相关vscode 规范代码格式内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章希望⼤家以后多多⽀持！

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