//1.默认配置
//users { "git.ignoreMissingGitWarning": true, "editor.quickSuggestions": { "strings": true }, "editor.tabSize": 2, "window.zoomLevel": 0, "search.location": "panel", } //admin { "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript", "javascriptreact", { "language": "vue", "autoFix": true } ], "files.associations": { "*.vue": "vue" } }
My configuration:
{ // VSCode theme configuration
"editor.tabSize": 2 ,
"editor.lineHeight": 24- ,
"editor.renderLineHighlight": "none" ,
"editor.renderWhitespace": "none" ,
"editor.fontFamily": "Consolas " ,
" editor.fontSize ": 15 ,
" editor.cursorBlinking ":" Smooth " ,
" editor.multiCursorModifier ":" ctrlCmd " ,
" editor.formatOnPaste ": to true ,
// whether to allow prompt custom snippet fragment, such as since vue fragment defined after the opening can be smart tips
"editor.snippetSuggestions": "top",
"workbench.iconTheme": "vscode-icons",
"workbench.colorTheme": "One Dark Pro Vivid",
"workbench.startupEditor": "newUntitledFile",
"html.suggest.angular1": false,
"html.suggest.ionic": false,
"files.trimTrailingWhitespace": true,
// vetur插件格式化使用beautify内置规则
"vetur.format.defaultFormatter.html": "js-beautify-html",
// VScode 文件搜索区域配置
"search.exclude": {
"**/dist": true,
"**/build": true,
"**/elehukouben": true,
"**/.git": to true ,
. "** / gitignore": to true ,
. "** / svn": to true ,
. "** / .DS_Store": to true ,
"** / IDEA.": to true ,
. "** / VSCode": to false ,
"** / yarn.lock": to true ,
"** / tmp": to true
},
// exclude file search area, such as the node_modules (default settings has intimate blocked)
"files.exclude" : {
"* . * / IDEA ": to true ,
" ** / yarn.lock ": to true ,
" ** / tmp ":true
},
//Configuration file association to enable the corresponding smart tips, such as wxss use CSS
"files.associations" : {
"* .vue": "VUE" ,
"* .wxss": "CSS"
},
// Configure tab is enabled if emmet expand abbreviation
"emmet.triggerExpansionOnTab": to true ,
// configuration emmet support for file types, such as html files by file extension vue to expand emmet write
"emmet.syntaxProfiles" : {
"html-vue": "html" ,
" VUE ":" HTML " ,
" JavaScript ":" javascriptreact " ,
// xml file types by default are single quotes, open emmet recognition of non-single quotation marks
" xml " :
{
"attr_quotes": "single"
}
},
//Add jsx react in support of emmet
"emmet.includeLanguages" : {
"JSX-Sublime-babel-Tags": "javascriptreact"
},
// whether to open eslint detection
"eslint.enable": false ,
// file is saved when, whether to automatically formatted according eslint
"eslint.autoFixOnSave": to true ,
// eslint profile
"eslint.options" : {
"plugins" : [
"HTML" ,
"JavaScript" ,
{
"Language": "VUE" ,
"AUTOFIX":true
},
"vue"
]
},
// file extension types can be identified by eslint
"eslint.validate" : [
"JavaScript" ,
"javascriptreact" ,
"HTML" ,
"VUE" ,
"the typescript" ,
"typescriptreact"
],
// shortcut key scheme, using sublime set of shortcut keys
: "sublimeTextKeymap.promptV3Features" to true ,
// formatting shortcuts alt + F + shirt
// if installed prettier formatting eslint configured to perform, recommendations false
"prettier.eslintIntegration": to true ,
// If true, will use single quotes instead of double quotes
"prettier.singleQuote": to true,
// details, configuration gitlen the git commit history record information display case
"gitlens.advanced.messages" : {
"suppressCommitHasNoPreviousCommitWarning": false ,
"suppressCommitNotFoundWarning": false ,
"suppressFileNotUnderSourceControlWarning": false ,
"suppressGitVersionWarning": false ,
" suppressLineUncommittedWarning ": false ,
" suppressNoRepositoryWarning ": false ,
" suppressResultsExplorerNotice ": false ,
" suppressUpdateNotice ":true,
"suppressWelcomeNotice": to false
},
// open apicloud vscode in the real machine synchronization wifi
"apicloud.port": "23450" ,
// provided apicloud wifi in the real machine vscode synchronization root
"apicloud.subdirectories": " / apiclouduser " ,
// git whether to enable automatic pulling
" git.autofetch ": to true ,
" vsicons.dontShowNewVersionMessage ": to true ,
" window.zoomLevel ": 0 ,
" colorize.ignore_search_variables_info ": to true ,
" files.autoSave ": "afterDelay" ,
"[jsonc]" :
{
"editor.defaultFormatter": "vscode.json-language-features"
}
}
Recommended:
{ "Workbench.startupEditor": "welcomePage" , "vetur.format.defaultFormatter.js": "the typescript-VSCode" , "javascript.format.insertSpaceBeforeFunctionParenthesis": to true , "editor.quickSuggestions" : { "OTHER": to true , "Comments": to true , "strings": to true }, // whether to allow prompt custom snippet fragments, such as self-defined open after vue fragment can be smart tips "editor.snippetSuggestions": "Top" , "workbench.iconTheme ":" VSCode-iconsThe " , " editor.tabSize ":2, "eslint.validate": [ // "javascript", "javascriptreact", "html", "vue", { "language": "html", "autoFix": true } ], "eslint.autoFixOnSave": true, "window.zoomLevel": 0, "search.location": "panel", "gitlens.advanced.fileHistoryFollowsRenames": false, "peacock.favoriteColors": [ { "name": "Angular Red", "value": "#b52e31" }, { "name": "Auth0 Orange", "value": "#eb5424" }, { "name": "Azure Blue", "value": "#007fff" }, { "name": "C# Purple", "value": "#68217A" }, { "name": "Gatsby Purple", "value": "#639" }, { "name": "Go Cyan", "value": "#5dc9e2" }, { "name": "Java Blue-Gray", "value": "#557c9b" }, { "name": "JavaScript Yellow", "value": "#f9e64f" }, { "name": "Mandalorian Blue", "value": "#1857a4" }, { "name": "Node Green", "value": "#215732" }, { "name": "React Blue", "value": "#00b3e6" }, { "name": "Something Different", "value": "#832561" }, { "name": "Vue Green", "value": "#42b883" } ], "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "git.autofetch": true }
Recommended plug-in and configuration: