此配置支持 CSS、HTML、JS 和 Vue 等文件的格式化
一、安装插件：
Prettier 、Eslint、Vetur
ESlint： javascript代码检测工具，可以配置每次保存时格式化js
Prettier – Code formatter： 只关注格式化，并不具有eslint检查语法等能力，只关心格式化文件(最大长度、混合标签和空格、引用样式等)，包括JavaScript · Flow · TypeScript · CSS · SCSS · Less · JSX · Vue · GraphQL · JSON · Markdown
vetur： 可以格式化html、标准css(有分号 、大括号的那种)、标准js(有分号 、双引号的那种)、vue文件
二、setting.josn配置
文件-首选项-设置-在setting.josn中编辑
{
“editor.fontSize”: 16,
// tab 大小为2个空格
“editor.tabSize”: 2,
// 100 列后换行
“editor.wordWrapColumn”: 100,
// 保存时格式化
“editor.formatOnSave”: true,
// 开启 vscode 文件路径导航
“breadcrumbs.enabled”: true,
// prettier 设置语句末尾不加分号
“prettier.semi”: false,
// prettier 设置强制单引号
“prettier.singleQuote”: true,
// 禁止随时添加逗号
“prettier.trailingComma”: “none”,
// 选择 vue 文件中 template 的格式化工具
“vetur.format.defaultFormatter.html”: “prettyhtml”,
// 显示 markdown 中英文切换时产生的特殊字符
“editor.renderControlCharacters”: true,
// vetur 的自定义设置
“vetur.format.defaultFormatterOptions”: {
“prettier”: {
// 用单引号
“singleQuote”: true,
// 不加分号
“semi”: false,
// 禁止随时添加逗号
“trailingComma”: “none”
}
},
“editor.codeActionsOnSave”: {
“source.fixAll.eslint”: true
},
“[javascript]”: {
“editor.defaultFormatter”: “vscode.typescript-language-features”
}
}
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/227982.html原文链接：https://javaforall.net
