prettyhtml格式化HTML；
prettier格式化css/less/scss/postcss/ts；
stylus-supremacy格式化stylus；
vscode自帶格式化插件格式化js；
vetur格式化.vue文件；讓不同塊使用不同的格式化方案
ESlint：新版的ESlint支持了對(duì).vue文件的校驗(yàn)。

{
 /*格式化文件對(duì)應(yīng)插件：
主要是兩步，一步是用格式化插件格式化對(duì)應(yīng)的文件；
另一步讓格式化后的代碼能通過代碼檢驗(yàn)工具。
prettyhtml格式化HTML；prettier格式化css/less/scss/postcss/ts；
stylus-supremacy格式化stylus；
vscode自帶格式化插件格式化js；
vetur格式化.vue文件；
ESlint進(jìn)行代碼檢驗(yàn)。
*/

 /*格式化思路和注意事項(xiàng)。
注意格式化的代碼能符合ESlint代碼檢驗(yàn)。
1.用vetur設(shè)置默認(rèn)格式化工具。格式化.vue文件
2.用ESlint設(shè)置保存時(shí)修復(fù)ESlint錯(cuò)誤的功能。
3.用prettier格式化css；去除語(yǔ)法結(jié)尾的分號(hào)，使用單引號(hào)替換雙引號(hào)。
4.保存時(shí)自動(dòng)格式化。
*/

 // 默認(rèn)使用prettier格式化支持的文件
 "editor.defaultFormatter": "esbenp.prettier-vscode",

 "vetur.format.defaultFormatter.html": "prettyhtml",
 "vetur.format.defaultFormatter.css": "prettier",
 "vetur.format.defaultFormatter.postcss": "prettier",
 "vetur.format.defaultFormatter.scss": "prettier",
 "vetur.format.defaultFormatter.less": "prettier",
 "vetur.format.defaultFormatter.stylus": "stylus-supremacy",
 // "vetur.format.defaultFormatter.js": "prettier",
 "vetur.format.defaultFormatter.ts": "prettier",
 "vetur.format.defaultFormatter.sass": "sass-formatter",
 "open-in-browser.default": "Chrome",

 // 將vetur的js格式化工具指定為vscode自帶的
 "vetur.format.defaultFormatter.js": "vscode-typescript",
 // 移除js語(yǔ)句的分號(hào)
 "javascript.format.semicolons": "remove",
 // 在函數(shù)名后面加上括號(hào)，類似這種形式 foo () {}
 "javascript.format.insertSpaceBeforeFunctionParenthesis": true,

 // eslint配置項(xiàng)，保存時(shí)自動(dòng)修復(fù)錯(cuò)誤。
 "editor.codeActionsOnSave": {
 "source.fixAll": true
 },

 // 指定 *.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的設(shè)置在這里
 "wrap_attributes": "force-aligned"
 },
 " prettyhtml": {
 "printWidth'": 100, // 每一行不超過100個(gè)字符
 "singleQuote": false, // 不用單引號(hào)
 "wrapAttributes": false,
 "sortAttributes": true
 },
 "prettier": {
 // 去掉代碼結(jié)尾的分號(hào)
 "semi": false, //不加分號(hào)
 "singleQuote": true, //用單引號(hào)
 // #讓prettier使用eslint的代碼格式進(jìn)行校驗(yàn)
 "eslintIntegration": true,
 "arrowParens": "always"
 }
 },

 // vscode默認(rèn)啟用了根據(jù)文件類型自動(dòng)設(shè)置tabsize的選項(xiàng)
 "editor.detectIndentation": false,
 // 重新設(shè)定tabsize
 "editor.tabSize": 2,

 // 保存時(shí)自動(dòng)格式化代碼
 "editor.formatOnSave": true,

 //可選項(xiàng)。stylus的格式化配置以及sass格式化配置。
 // 格式化stylus, 需安裝Manta's Stylus Supremacy插件
 "stylusSupremacy.insertBraces": false, // 是否插入大括號(hào)
 "stylusSupremacy.insertColons": false, // 是否插入冒號(hào)
 "stylusSupremacy.insertSemicolons": false, // 是否插入分號(hào)
 "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否換行
 "stylusSupremacy.insertNewLineAroundBlocks": false,
 // 啟用調(diào)試模式。
 "sass.format.debug": false,
 // 刪除空格
 "sass.format.deleteEmptyRows": true,
 // 刪除最后一個(gè)空格。
 "sass.format.deleteWhitespace": true,
 // 將 scss / css 轉(zhuǎn)換為 sass。
 "sass.format.convert": true,
 // 如果 屬性:值 為true,則始終設(shè)置為1.
 "sass.format.setPropertySpace": true

 /*格式化插件：
//vetur：代碼高亮、emmet語(yǔ)法支持、語(yǔ)法錯(cuò)誤校驗(yàn)檢查、代碼提醒、格式化vue。
vetur集成了prettier，讓.vue文件中不同的塊使用不同的格式化方案，
<template> 調(diào)用 html 格式化工具，
<script> 調(diào)用 JavaScript 格式化工具，
<style> 使用style格式化工具。

//ESlint：新版的ESlint支持了對(duì).vue文件的校驗(yàn)。

//prettyhtml：為純HTML模板等提供通用格式化的工具。
//prettier：格式化工具，用于css/less/scss/postcss/ts
//stylus-supremacy：用于格式化stylus文件的node.js模塊。
//js的格式化工具用vscode自帶的。
Prettier不支持在函數(shù)名后面加上括號(hào)。這點(diǎn)和ESlint沖突了。

//EditorConfig：主要是用于讓 vscode 支持.editorconfig 文件。
.editorconfig 文件中的設(shè)置用于在基本代碼庫(kù)中維持一致的編碼風(fēng)格和設(shè)置，
例如縮進(jìn)樣式、選項(xiàng)卡寬度、行尾字符以及編碼等。
EditorConfig 是讓代碼創(chuàng)建前保持規(guī)范，
Prettier 是讓代碼保存后保持規(guī)范
*/
}