vsCode 設置vue 保存自動格式化代碼以及setting文件的配置

代碼自動格式化
settings.json文件配置


{ // 是否允許自定義的snippet片段提示 // "editor.snippetSuggestions": "top", // vscode默認啟用了根據文件類型自動設置tabsize的選項 "editor.detectIndentation": false, // 重新設定tabsize "editor.tabSize": 2, // #每次保存的時候自動格式化 "editor.formatOnSave": true, // #每次保存的時候將代碼按eslint格式進行修復 "eslint.autoFixOnSave": true, "editor.fontWeight": "400", "editor.formatOnType": false, "workbench.iconTheme": "material-icon-theme", "git.confirmSync": false, "team.showWelcomeMessage": false, "window.zoomLevel": 0, // "editor.renderWhitespace": "boundary",//代碼前面空格加... "editor.cursorBlinking": "smooth", "editor.minimap.enabled": true, "editor.minimap.renderCharacters": false, "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}", "editor.codeLens": true, //eslint 代碼自動檢查相關配置 "eslint.enable": false, "eslint.run": "onType", "eslint.options": { "extensions": [ ".js", ".vue" ] }, // 添加 vue 支持 "eslint.validate": [ "javascriptreact", "vue", "javascript", { "language": "vue", "autoFix": true }, "html", { "language": "html", "autoFix": true } ], // #讓prettier使用eslint的代碼格式進行校驗 "prettier.eslintIntegration": false, // #去掉代碼結尾的分號 "prettier.semi": false, // #使用帶引號替代雙引號 "prettier.singleQuote": false, // #讓函數(名)和后面的括號之間加個空格 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #這個按用戶自身習慣選擇 // "vetur.format.defaultFormatter.html": "js-beautify-html", // #讓vue中的js按編輯器自帶的ts格式進行格式化 // "vetur.format.defaultFormatter.js": "vscode-typescript", "explorer.confirmDelete": false, "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_line_length": 120, "wrap_attributes": "auto", "end_with_newline": false } }, // 格式化stylus, 需安裝Manta's Stylus Supremacy插件 "stylusSupremacy.insertColons": false, // 是否插入冒號 "stylusSupremacy.insertSemicolons": false, // 是否插入分好 "stylusSupremacy.insertBraces": false, // 是否插入大括號 "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否換行 "stylusSupremacy.insertNewLineAroundBlocks": false, // 兩個選擇器中是否換行 "files.associations": { "*.cjson": "jsonc", "*.wxss": "css", "*.wxs": "javascript", // "*.vue": "html" }, "minapp-vscode.disableAutoConfig": true, "window.menuBarVisibility": "visible", "git.enableSmartCommit": true, "git.autofetch": true, "liveServer.settings.donotShowInfoMsg": true, "[html]": { "editor.defaultFormatter": "vscode.html-language-features" }, "javascript.updateImportsOnFileMove.enabled": "always", "workbench.colorTheme": "SynthWave '84", "search.followSymlinks": false, // "workbench.sideBar.location": "right", "vscode_custom_css.policy": true, "vscode_custom_css.imports": [ "file:///C:/Users/wongseedling/Desktop/vscode-transparent-glow/synthwave84.css", "file:///C:/Users/wongseedling/Desktop/vscode-transparent-glow/toolbar.css", "file:///C:/Users/wongseedling/Desktop/vscode-transparent-glow/vscode-vibrancy-style.css", "file:///C:/Users/wongseedling/Desktop/vscode-transparent-glow/enable-electron-vibrancy.js", ], // 高亮的顏色，emm暫時只支持這樣寫 "wxmlConfig.activeColor": { "color": "#e5c07b" }, // 是否禁用高亮組件 "wxmlConfig.activeDisable": false, // 是否開啟保存自動格式化 "wxmlConfig.onSaveFormat": false, "wxmlConfig.format": { "brace_style": "collapse", "end_with_newline": false, "indent_char": "", "indent_handlebars": false, "indent_inner_html": false, "indent_scripts": "keep", "indent_size": 2, "indent_with_tabs": true, "max_preserve_newlines": 1, "preserve_newlines": true, "wrap_attributes": "force-expand-multiline" }, // 高亮所忽略的組件數組 "wxmlConfig.tagNoActiveArr": [ "view", "button", "text", "icon", "image", "navigator", "block", "input", "template", "form", "camera", "textarea" ], "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation": "always", "emmet.triggerExpansionOnTab": true, "emmet.includeLanguages": { "wxml": "html", "vue-html": "html", "vue": "html" }, "zenMode.restore": true, "breadcrumbs.enabled": true, "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe", "[wxml]": { "editor.defaultFormatter": "qiu8310.minapp-vscode" }, "gitlens.advanced.messages": { "suppressLineUncommittedWarning": true }, "javascript.format.placeOpenBraceOnNewLineForControlBlocks": true, "editor.formatOnPaste": false, "vsicons.presets.hideFolders": true, "editor.cursorStyle": "line-thin" }