vscode程式碼格式化
// vscode預設啟用了根據檔案型別自動設定tabsize的選項
"editor.detectIndentation": false,
// 重新設定tabsize
"editor.tabSize": 4,
// #值設定為true時,每次儲存的時候自動格式化;值設定為false時,程式碼格式化請按shift+alt+F
"editor.formatOnSave": false,
// #每次儲存的時候將程式碼按eslint格式進行修復
"eslint.autoFixOnSave": true,
// 新增 vue 支援
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
// #讓prettier使用eslint的程式碼格式進行校驗
"prettier.eslintIntegration": true,
// #去掉程式碼結尾的分號
"prettier.semi": false,
// #使用帶引號替代雙引號
"prettier.singleQuote": true,
"prettier.tabWidth": 4,
// #讓函式(名)和後面的括號之間加個空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #這個按使用者自身習慣選擇
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #讓vue中的js按"prettier"格式進行格式化
"vetur.format.defaultFormatter.js": "prettier",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
// #vue元件中html程式碼格式化樣式
"wrap_attributes": "force-aligned", //也可以設定為“auto”,效果會不一樣
"wrap_line_length": 200,
"end_with_newline": false,
"semi": false,
"singleQuote": true
},
"prettier": {
"semi": false,
"singleQuote": true
}
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// 格式化stylus, 需安裝Manta's Stylus Supremacy外掛
"stylusSupremacy.insertColons": false, // 是否插入冒號
"stylusSupremacy.insertSemicolons": false, // 是否插入分號
"stylusSupremacy.insertBraces": false, // 是否插入大括號
"stylusSupremacy.insertNewLineAroundImports": false, // import之後是否換行
"stylusSupremacy.insertNewLineAroundBlocks": false,
"prettier.useTabs": true,
"files.autoSave": "off",
"explorer.confirmDelete": false,
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"diffEditor.ignoreTrimWhitespace": false // 兩個選擇器中是否換行
相關文章
- Vscode內實現vue程式碼格式化VSCodeVue
- VScode go程式碼風格格式化設定VSCodeGo
- VSCode格式化前端程式碼後Eslint報錯VSCode前端EsLint
- vscode配置vue專案的程式碼格式化VSCodeVue
- vscode使用stylelint儲存自動格式化程式碼VSCode
- vsCode css 格式化工具VSCodeCSS
- vsCode自動格式化文件VSCode
- 格式化Java原始碼的Vscode等IDE外掛 - RedditJava原始碼VSCodeIDE
- JavaScript 程式碼格式化JavaScript
- gofmt 格式化程式碼Go
- 什麼是程式碼格式化?pycharm如何進行格式化程式碼?PyCharm
- vscode程式碼提示emmet abbreviationVSCode
- 關於vscode中CSharp格式化VSCodeCSharp
- 使用gofmt格式化程式碼Go
- [譯] Swift 程式碼格式化Swift
- vscode怎麼執行程式碼HTML 怎麼在vscode編寫HTML程式碼VSCode行程HTML
- idea格式化程式碼快捷鍵設定 idea快速格式化程式碼快捷鍵Idea
- vscode下的vue檔案格式化VSCodeVue
- vscode配置vue的自動格式化VSCodeVue
- VSCode 使用 eslint 規則格式化 jsVSCodeEsLintJS
- 使用 vscode 除錯前端程式碼VSCode除錯前端
- vscode摺疊展開程式碼VSCode
- vscode使用者程式碼片段VSCode
- VSCode—配置程式碼發光效果VSCode
- 使用 VSCode 除錯 Electron 主程式程式碼VSCode除錯
- webstorm自動格式化程式碼WebORM
- 如何在vscode中除錯程式碼?VSCode除錯
- vscode-rustfmt:Rust儲存時自動格式化的Vscode外掛VSCodeRust
- IDEA程式碼格式化快捷鍵(新)Idea
- NOTEPAD++如何快速格式化程式碼
- 谷歌瀏覽器程式碼格式化谷歌瀏覽器
- 超人氣程式碼格式化工具prettier
- 如何使用 Black 程式碼格式化工具
- clang-format的程式碼格式化ORM
- VS Code 對 Lua 程式碼格式化
- 【28】VsCode如何執行C#程式碼VSCodeC#
- 使用pycharm or vscode來編寫python程式碼?PyCharmVSCodePython
- 時間日期格式化程式碼例項