|
// 指定 *.vue 文件的格式化工具为vetur
“[vue]”: {
“editor.defaultFormatter”: “octref.vetur”
},
// 指定 *.js 文件的格式化工具为vscode自带
“[javascript]”: {
“editor.defaultFormatter”: “vscode.typescript-language-features”
},
“vetur.format.defaultFormatterOptions”: {
“JS-beautify-HTML”: {
// JS-beautify-HTML的设置在这里
“wrap_attributes”: “force-aligned”
},
” prettyhtml”: {
“printWidth'”: 100, // 每一行不超过100个字符
“singleQuote”: false, // 不用单引号
“wrapAttributes”: false,
“sortAttributes”: true
},
“prettier”: {
// 去掉代码结尾的分号
“semi”: false, //不加分号
“singleQuote”: true, //用单引号
// #让prettier使用eslint的代码格式进行校验
“eslintIntegration”: true,
“arrowParens”: “always”
}
},
// vscode默认启用了根据文件类型自动设置tabsize的选项
“editor.detectIndentation”: false,
// 重新设定tabsize
“editor.tabSize”: 2,
// 保存时自动格式化代码
“editor.formatOnSave”: true,
//可选项。stylus的格式化配置以及sass格式化配置。
// 格式化stylus, 需安装Manta’s Stylus Supremacy插件
“stylusSupremacy.insertBraces”: false, // 是否插入大括号
“stylusSupremacy.insertColons”: false, // 是否插入冒号
“stylusSupremacy.insertSemicolons”: false, // 是否插入分号
“stylusSupremacy.insertNewLineAroundImports”: false, // import之后是否换行
“stylusSupremacy.insertNewLineAroundBlocks”: false,
// 启用调试模式。
“sass.format.debug”: false,
// 删除空格
“sass.format.deleteEmptyRows”: true,
// 删除最后一个空格。
“sass.format.deleteWhitespace”: true,
// 将 scss / css 转换为 sass。
“sass.format.convert”: true,
// 如果 属性:值 为true,则始终设置为1.
“sass.format.setPropertySpace”: true
/*格式化插件：
//vetur：代码高亮、emmet语法支持、语法错误校验检查、代码提醒、格式化vue。
vetur集成了prettier，让.vue文件中不同的块使用不同的格式化方案，
<template> 调用 html 格式化工具，
<script> 调用 JavaScript 格式化工具，
<style> 使用style格式化工具。
//ESlint：新版的ESlint支持了对.vue文件的校验。
//prettyhtml：为纯HTML模板等提供通用格式化的工具。
//prettier：格式化工具，用于css/less/scss/postcss/ts
//stylus-supremacy：用于格式化stylus文件的node.js模块。
//js的格式化工具用vscode自带的。
Prettier不支持在函数名后面加上括号。这点和ESlint冲突了。
//EditorConfig：主要是用于让 vscode 支持.editorconfig 文件。
.editorconfig 文件中的设置用于在基本代码库中维持一致的编码风格和设置，
例如缩进样式、选项卡宽度、行尾字符以及编码等。
EditorConfig 是让代码创建前保持规范，
Prettier 是让代码保存后保持规范
*/
}
总结
到此这篇关于2020最新版vscode格式化代码的详细教程的文章就介绍到这了,更多相关vscode格式化代码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
文章转自脚本之家，原文链接：https://www.jb51.net/article/192960.htm
申请创业报道，分享创业好点子。点击此处，共同探讨创业新机遇！
本文素材来自互联网 （编辑：应用网_阳江站长网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
