{ //刪除文件確認 "explorer.confirmDelete": false, // 主題 "workbench.iconTheme": "vscode-icons", // 小地圖 "editor.minimap.enabled": true, // 主題風格One Dark Pro // "workbench.colorTheme": "One Dark Pro", //窗口大小比例 // "window.zoomLevel": 1, // "extensions.autoUpdate": false, // 字體大小 // "editor.fontSize": 13, "editor.snippetSuggestions": "top", "diffEditor.ignoreTrimWhitespace": true, // 設置格式化縮進4格 // "prettier.tabWidth": 4, "vetur.format.defaultFormatter.html": "prettier", // "gitlens.advanced.messages": { // "suppressShowKeyBindingsNotice": true // }, // "gitlens.historyExplorer.enabled": true, // "atomKeymap.promptV3Features": true, "editor.multiCursorModifier": "ctrlCmd", //粘貼自動格式化 "editor.formatOnPaste": false, //保存自動格式化 "editor.formatOnSave": false, // 用來忽略工程打開的文件夾 "files.exclude": { "**/.vscode": true, "**/.DS_Store": true, "**/.history":true, "**/nbproject":true }, // 用來忽略搜索的文件夾 "search.exclude": { "**/node_modules/**": true, "**/bower_components/**": true, "**/image/**": true, "**/*.xml": true, "**/.history/**":true, "**/nbproject/**":true, "**/vscode/**":true }, // // 創建和更新代碼的頭部信息作者 // "fileheader.Author": "Baldwin", // "fileheader.LastModifiedBy": "Baldwin", }
以上是簡單的示例:
實際使用中發現默認管理員、用戶與工作組使用的配置均為空{},而且vscode自帶git配置(不需要再下載配置插件);
但為了更加美觀和智能,還是推進安裝一些插件,如:主題、圖標、語法校驗、代碼格式化、代碼提示、編輯器背景色或布局等
【推薦插件與配置】:https://zhuanlan.zhihu.com/p/64021066
示例1:
{ // VScode主題配置
"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": true,
// 是否允許自定義的snippet片段提示,比如自定義的vue片段開啟后就可以智能提示
"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": true,
"**/.gitignore": true,
"**/.svn": true,
"**/.DS_Store": true,
"**/.idea": true,
"**/.vscode": false,
"**/yarn.lock": true,
"**/tmp": true
},
// 排除文件搜索區域,比如node_modules(貼心的默認設置已經屏蔽了)
"files.exclude": {
"**/.idea": true,
"**/yarn.lock": true,
"**/tmp": true
},
// 配置文件關聯,以便啟用對應的智能提示,比如wxss使用css
"files.associations": {
"*.vue": "vue",
"*.wxss": "css"
},
// 配置emmet是否啟用tab展開縮寫
"emmet.triggerExpansionOnTab": true,
// 配置emmet對文件類型的支持,比如vue后綴文件按照html文件來進行emmet擴寫
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html",
"javascript": "javascriptreact",
// xml類型文件默認都是單引號,開啟對非單引號的emmet識別
"xml": {
"attr_quotes": "single"
}
},
// 在react的jsx中添加對emmet的支持
"emmet.includeLanguages": {
"jsx-sublime-babel-tags": "javascriptreact"
},
// 是否開啟eslint檢測
"eslint.enable": false,
// 文件保存時,是否自動根據eslint進行格式化
"eslint.autoFixOnSave": true,
// eslint配置文件
"eslint.options": {
"plugins": [
"html",
"javascript",
{
"language": "vue",
"autoFix": true
},
"vue"
]
},
// eslint能夠識別的文件后綴類型
"eslint.validate": [
"javascript",
"javascriptreact",
"html",
"vue",
"typescript",
"typescriptreact"
],
// 快捷鍵方案,使用sublime的一套快捷鍵
"sublimeTextKeymap.promptV3Features": true,
// 格式化快捷鍵 shirt+alt+F
// prettier進行格式化時是否安裝eslint配置去執行,建議false
"prettier.eslintIntegration": true,
// 如果為true,將使用單引號而不是雙引號
"prettier.singleQuote": true,
// 細節,配置gitlen中git提交歷史記錄的信息顯示情況
"gitlens.advanced.messages": {
"suppressCommitHasNoPreviousCommitWarning": false,
"suppressCommitNotFoundWarning": false,
"suppressFileNotUnderSourceControlWarning": false,
"suppressGitVersionWarning": false,
"suppressLineUncommittedWarning": false,
"suppressNoRepositoryWarning": false,
"suppressResultsExplorerNotice": false,
"suppressUpdateNotice": true,
"suppressWelcomeNotice": false
},
// 開啟apicloud在vscode中的wifi真機同步
"apicloud.port": "23450",
// 設置apicloud在vscode中的wifi真機同步根目錄
"apicloud.subdirectories": "/apiclouduser",
// git是否啟用自動拉取
"git.autofetch": true,
"vsicons.dontShowNewVersionMessage": true,
"window.zoomLevel": 0,
"colorize.ignore_search_variables_info": true,
"files.autoSave": "afterDelay",
"[jsonc]": {
"editor.defaultFormatter": "vscode.json-language-features"
}
}
示例2:
{ "workbench.startupEditor": "welcomePage", "vetur.format.defaultFormatter.js": "vscode-typescript", "javascript.format.insertSpaceBeforeFunctionParenthesis": true, "editor.quickSuggestions": { "other": true, "comments": true, "strings": true }, // 是否允許自定義的snippet片段提示,比如自定義的vue片段開啟后就可以智能提示 "editor.snippetSuggestions": "top", "workbench.iconTheme": "vscode-icons", "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 }
