配置說明
- 使用tab底瓣，縮進為4
- html屬性換行，自動根據(jù)屏幕寬度換行
- js使用單引號
- js去除末尾分號
- 數(shù)組最后一個不加逗號
- 單個入?yún)⒉皇褂美ㄌ?/li>
配置使用tab縮進盲泛，且縮進為4
image.png
設(shè)置單行換行方式濒持，根據(jù)屏幕寬度自動換行
image.png
附JSON配置
{
"workbench.colorTheme": "Panda Syntax",
"editor.fontSize": 15.5,
/* 其他文件采用的配置，比如.js */
"prettier.singleQuote": true,
"prettier.semi": false,
"prettier.trailingComma": "none",
"prettier.arrowParens": "avoid",
/** 超過x字符自動換行 */
"prettier.printWidth": 120,
"editor.detectIndentation": false,
"editor.tabSize": 4,
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"editor.minimap.enabled": false,
"vetur.grammar.customBlocks": {
"docs": "md",
"i18n": "json"
},
/* vetur內(nèi)采用的配置 */
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true,
"arrowParens": "avoid",
"trailingComma": "none",
"editor.wordWrapColumn": 120,
"editor.wordWrap": "on",
"diffEditor.wordWrap": "on",
/** 超過x字符自動換行 */
"printWidth": 120
}
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"vetur.format.options.tabSize": 4,
"prettier.tabWidth": 4,
"prettier.useTabs": true,
"editor.wordWrapColumn": 120,
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"diffEditor.wordWrap": "on",
"editor.wordWrap": "wordWrapColumn",
"editor.accessibilitySupport": "on",
"html.format.indentInnerHtml": false,
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
參考文檔
