vscode從插件庫里安裝eslint和prettier
實現(xiàn)自動格式化
{ // 是否允許自定義的snippet片段提示 "editor.snippetSuggestions": "top", // vscode默認啟用了根據(jù)文件類型自動設(shè)置tabsize的選項 "editor.detectIndentation": false, // 重新設(shè)定tabsize "editor.tabSize": 2, // #每次保存的時候自動格式化 "editor.formatOnSave": false, // #每次保存的時候?qū)⒋a按eslint格式進行修復(fù) "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 代碼自動檢查相關(guān)配置 "eslint.enable": true, "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": true, // #去掉代碼結(jié)尾的分號 "prettier.semi": false, // #使用帶引號替代雙引號 "prettier.singleQuote": true, // #讓函數(shù)(名)和后面的括號之間加個空格 "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // #這個按用戶自身習(xí)慣選擇 "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_attributes": "force-aligned" // #vue組件中html代碼格式化樣式 } }, // 格式化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" }, "emmet.includeLanguages": { "wxml": "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", "editor.fontSize": 18, "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" }, // 高亮所忽略的組件數(shù)組 "wxmlConfig.tagNoActiveArr": [ "view", "button", "text", "icon", "image", "navigator", "block", "input", "template", "form", "camera", "textarea" ], "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"}第二版本