共计 1547 个字符,预计需要花费 4 分钟才能阅读完成。
无需装置插件,
1、文件 > 首选项 > 设置 点击右上角(如下图)按钮关上 VSCode 配置文件
2、增加如下代码
// #每次保留的时候主动格式化 | |
"editor.formatOnSave": true, |
在网上看过比拟多的设置可借鉴
{ | |
"editor.quickSuggestions": { | |
// 开启主动显示倡议 | |
"other": true, | |
"comments": true, | |
"strings": true | |
}, | |
// vscode 默认启用了依据文件类型主动设置 tabsize 的选项 | |
"editor.detectIndentation": false, | |
// 从新设定 tabsize | |
"editor.tabSize": 2, | |
// #每次保留的时候主动格式化 | |
"editor.formatOnSave": true, | |
// #每次保留的时候将代码按 eslint 格局进行修复 | |
"eslint.autoFixOnSave": true, | |
// 增加 vue 反对 | |
"eslint.validate": [ | |
"javascript", | |
"javascriptreact", | |
{ | |
"language": "html", | |
"autoFix": true | |
}, | |
{ | |
"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,"": {"editor.defaultFormatter": "vscode.typescript-language-features"}, | |
"window.zoomLevel": 0, // 两个选择器中是否换行 | |
/** Easy Sass 插件 **/ | |
"easysass.formats": [{ | |
"format": "expanded", // 没有缩进的、扩大的 css 代码 | |
"extension": ".css" | |
}], | |
"easysass.targetDir": "./css/" // 自定义 css 输入文件门路 | |
} |
正文完
发表至: visual-studio-code
2022-01-28