{
//File directory icon
"workbench.iconTheme": "vscode-icons",
// vscode adjusts the zoom level of the window
"window.zoomLevel": 0.5,
//Set text line height
"editor.lineHeight": 24,
//Set font
// "editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",
//Enable row number prompt
"editor.lineNumbers": "on",
// Display a small panel with parameter documentation and type information while typing.
"editor.parameterHints.enabled": true,
"diffEditor.ignoreTrimWhitespace": false,
// Automatically format every time you save
"editor.formatOnSave": true,
// vscode enables the option to automatically set tabsize based on file type by default
"editor.detectIndentation": false,
//The number of characters occupied by the space bar
"editor.tabSize": 2,
// Code wraps automatically
"editor.wordWrap": "on",
// Enable vscode file path navigation
"breadcrumbs.enabled": true,
"javascript.preferences.quoteStyle": "single",
"typescript.preferences.quoteStyle": "single",
// #Add a space between the function (name) and the following parentheses
// "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// Preview mode is closed
"workbench.editor.enablePreview": true,
// Code ESLint operation type to run when saving.
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
// -------------------- vetur configuration --------------------
// The default formatting tool for vue files: vetur, vue format formatting plug-in
"[vue]": {
"editor.defaultFormatter": "Vue.volar",
"editor.formatOnSave": true // Whether to automatically format when saving
},
// json format formatting plug-in
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
//js format formatting plug-in
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
//Configure the file types checked by ESLint
"eslint.validate": ["javascript", "vue", "html", "javascriptreact"],
//Specify the suffix of the file processed by vscode's eslint
"eslint.options": {
"extensions": [".js", ".vue", ".ts", ".jsx", ".tsx"]
},
// Execute linter when onSave or onType. Default is onType.
"eslint.run": "onSave",
// Enable ESLint as the formatter for verified files.
"eslint.format.enable": true,
// Array of language identifiers for which the ESLint extension should be activated and should attempt to validate the file.
"eslint.probe": ["javascript", "javascriptreact", "vue-html", "vue", "html"],
"git.enableSmartCommit": true,
"editor.quickSuggestions": {
"strings": true,
"singleQuote": true
},
// #This is selected according to the user's own habits
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #Let the js in vue be formatted according to the ts format that comes with the editor
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"prettier": {
"printWidth": 200,
"tabWidth": 2, // When prettier's tabWidth is not explicitly set, take "vetur.format.options.tabSize" (useTabs works in the same way)
// Format without semicolon
"semi": false,
//Formatting is mainly based on single quotes
"singleQuote": true,
"trailingComma": "none", // disable trailing commas
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, // Whether to add spaces before function brackets
"typescript.format.insertSpaceBeforeFunctionParenthesis": true, // Whether to add spaces before function brackets
"arrowParens": "avoid" // (x) => {} Whether there are parentheses when there is only one arrow function parameter. avoid: omit parentheses
},
"js-beautify-html": {
// "wrap_attributes": "force-aligned",
"wrap_attributes": "aligned-multiple", //When the wrap length is exceeded, the attributes are vertically aligned.
"wrap_line_length": 200,
"wrap_width_line": false,
"semi": false,
"singleQuote": true,
"max_preserve_newlines": 0
},
"prettyhtml": {
"printWidth": 300, //300 characters per line
"singleQuote": true, //Force single quotes to double quotes
"wrapAttributes": false,
"sortAttributes": true
}
},
// "vetur.format.defaultFormatter.html": "js-beautify-html",
// "vetur.format.defaultFormatter.js": "prettier",
"javascript.updateImportsOnFileMove.enabled": "never",
"javascript.implicitProjectConfig.experimentalDecorators": true,
"workbench.editor.showTabs": true,
"gitlens.advanced.messages": {
"suppressCommitHasNoPreviousCommitWarning": false,
"suppressCommitNotFoundWarning": false,
"suppressFileNotUnderSourceControlWarning": false,
"suppressGitVersionWarning": false,
"suppressLineUncommittedWarning": false,
"suppressNoRepositoryWarning": false,
"suppressResultsExplorerNotice": false,
"suppressShowKeyBindingsNotice": true,
"suppressUpdateNotice": false,
"suppressWelcomeNotice": true
},
"gitlens.keymap": "alternate",
"gitlens.views.lineHistory.enabled": true,
//File folding control
"explorer.compactFolders": false,
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[markdown]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[scss]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
//tab code completion
"files.associations": {
"*.wpy": "vue",
"*.vue": "vue",
"*.cjson": "jsonc",
"*.wxss": "css",
"*.wxs": "javascript"
},
//Add emmet to support vue files
"emmet.includeLanguages": {
"wxml": "html",
"vue": "html"
},
// Whether to wrap lines in the two selectors
"minapp-vscode.disableAutoConfig": true,
//Quick preview (right)
"editor.minimap.enabled": true,
"workbench.colorCustomizations": {
"minimapSlider.activeBackground": "#00FF00",
"minimapSlider.hoverBackground": "#00FF00",
"minimapSlider.background": "#FF0000"
},
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[less]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"settingsSync.ignoredExtensions": [],
"workbench.startupEditor": "newUntitledFile",
"editor.semanticTokenColorCustomizations": null,
"editor.suggest.filterGraceful": false,
"editor.suggest.snippetsPreventQuickSuggestions": false,
"settingsSync.ignoredSettings": [],
// Wrap after 100 columns
"editor.wordWrapColumn": 200,
"git.confirmSync": false,
"singleQuote": true,
"semi": false,
"trailingComma": "none",
// #Let prettier use the eslint code format for verification
"prettier.eslintIntegration": true,
"prettier.semi": true,
"prettier.singleQuote": true,
// style is offset by one indent by default
"vetur.format.styleInitialIndent": true,
// Define the space processing after the function keyword of the anonymous function.
"javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": true,
// Define how to handle spaces before function parameter brackets. #Add a space between the function (name) and the following parentheses
"typescript.format.insertSpaceBeforeFunctionParenthesis": true,
"explorer.confirmDelete": true,
// Use eslint-plugin-vue to verify vue-html in <template>
"vetur.validation.template": false,
"files.autoSave": "afterDelay",
"workbench.settings.applyToAllProfiles": [
]
//Specify the color theme used in the workbench.
// "workbench.colorTheme": "One Dark Pro"
}