VSCode的个人setting.json配置
{
"workbench.colorTheme": "Eva Dark Bold",
"explorer.confirmDelete": false,
// 重新设定tabsize
"editor.tabSize": 2,
// 光标样式
"editor.cursorBlinking": "phase",
// 光标宽度
"editor.cursorWidth": 2,
// 迷你地图大小
"editor.minimap.size": "fill",
// 添加 vue 支持
"backgroundCover.imagePath": "c:\\Users\\l\\Pictures\\wokewan.jpg",
"backgroundCover.opacity": 0.1,
"editor.quickSuggestions": {
"strings": true
},
// git路径
"git.path": "D:\\Git\\bin\\git.exe",
"terminal.integrated.profiles.windows": {
"PowerShell": {
"source": "PowerShell",
"icon": "terminal-powershell"
},
"Git-Bash": {
"path": "D:\\Git\\bin\\bash.exe", // Git的bin文件夹下bash.exe的路径,注意不是git-bash.exe,否则会独立拉起git bash窗口
"args": []
}
},
"terminal.integrated.defaultProfile.windows": "Git-Bash",
"editor.suggestSelection": "first",
"vetur.ignoreProjectWarning": true,
// 格式化
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
// #vue组件中html代码格式化样式
}
},
// 控制活动代码段是否阻止快速建议。
"editor.suggest.snippetsPreventQuickSuggestions": false,
// 启用后,按下 TAB 键,将展开 Emmet 缩写。
"emmet.triggerExpansionOnTab": true,
// 在默认不受支持的语言中启用 Emmet 缩写。在此语言和 Emmet 支持的语言之间添加映射。
"emmet.includeLanguages": {
"typescript": "typescriptreact",
"javascript": "javascriptreact"
},
"typescript.disableAutomaticTypeAcquisition": true,
// 指定工作台中使用的文件图标主题;若指定为 "null",则不显示任何文件图标。
"workbench.iconTheme": "material-icon-theme",
// 指定使用的产品图标主题。
"workbench.productIconTheme": "fluent-icons",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "sibiraj-s.vscode-scss-formatter"
},
"diffEditor.ignoreTrimWhitespace": false,
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.fontSize": 16,
// #每次保存的时候自动格式化
"editor.formatOnSave": true,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"prettier.arrowParens": "avoid",
"prettier.jsxSingleQuote": true,
"prettier.printWidth": 300,
"prettier.trailingComma": "none",
"prettier.useEditorConfig": false,
"prettier.useTabs": true,
"prettier.semi": false,
"prettier.singleQuote": true,
// #让prettier使用eslint的代码格式进行校验
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatter.ts": "vscode-typescript",
// #每次保存的时候将代码按eslint格式进行修复
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"explorer.confirmDragAndDrop": false,
"editor.renderControlCharacters": true,
// "editor.renderWhitespace": "all",
"npm.enableRunFromFolder": true,
"json.maxItemsComputed": 6000,
"git.enableSmartCommit": true
}
最新
{
"files.associations": {
"*.cjson": "jsonc",
"*.wxss": "css",
"*.wxs": "javascript"
},
"emmet.includeLanguages": {
"wxml": "html"
},
// vue插件vetur
"vetur.format.options.tabSize": 2,
"vetur.format.options.useTabs": false,
"vetur.format.defaultFormatter.html": "prettyhtml",
"vetur.format.defaultFormatter.js": "prettier",
"vetur.format.defaultFormatter.css": "prettier",
"vetur.format.defaultFormatter.postcss": "prettier",
"vetur.format.defaultFormatter.scss": "prettier",
"vetur.format.defaultFormatter.less": "prettier",
"vetur.format.defaultFormatter.stylus": "stylus-supremacy",
"vetur.format.defaultFormatter.ts": "vscode-typescript",
"vetur.validation.script": false,
"vetur.format.defaultFormatterOptions": {
"prettier": {
"semi": false,
"singleQuote": true,
"trailingComma": "none"
},
"js-beautify-html": {
// "wrap_line_length": 160,
"wrap_attributes": "auto" //属性换行,force-aligned:强制换行, auto :自动
},
"prettyhtml": {
"wrapAttributes": false,
"printWidth": 200,
"singleQuote": false,
"sortAttributes": false
}
},
"vetur.completion.scaffoldSnippetSources": {
"workspace": "💼",
"user": "🗒️",
"vetur": "✌"
},
"prettier.printWidth": 160, // 超过最大值换行
"prettier.tabWidth": 2, // 缩进字节数
"prettier.useTabs": false, // 缩进不使用tab,使用空格
"prettier.semi": false, // 句尾添加分号
"prettier.singleQuote": true, // 使用单引号代替双引号
"prettier.proseWrap": "preserve", // 默认值。因为使用了一些折行敏感型的渲染器(如GitHub comment)而按照markdown文本样式进行折行
"prettier.arrowParens": "avoid", // (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid:省略括号
"prettier.bracketSpacing": true, // 在对象,数组括号与文字之间加空格 "{ foo: bar }"
// "prettier.disableLanguages": ["vue"], // 不格式化vue文件,vue文件的格式化单独设置
"prettier.endOfLine": "auto", // 结尾是 \n \r \n\r auto
"prettier.htmlWhitespaceSensitivity": "ignore",
"prettier.ignorePath": ".prettierignore", // 不使用prettier格式化的文件填写在项目的.prettierignore文件中
"prettier.jsxBracketSameLine": false, // 在jsx中把'>' 单独放一行
"prettier.jsxSingleQuote": false, // 在jsx中使用单引号代替双引号
"prettier.requireConfig": false, // Require a 'prettierconfig' to format prettier
"prettier.trailingComma": "none", // 在对象或数组最后一个元素后面是否加逗号(在ES5中加尾逗号)
"minapp-vscode.disableAutoConfig": true,
"minapp-vscode.prettier": {
"useTabs": false,
"tabWidth": 2,
"printWidth": 160,
"singleQuote": true
},
"diffEditor.renderSideBySide": true,
"diffEditor.ignoreTrimWhitespace": false,
"liveServer.settings.AdvanceCustomBrowserCmdLine": "",
"liveServer.settings.donotVerifyTags": true,
"liveServer.settings.donotShowInfoMsg": true,
"liveServer.settings.NoBrowser": false,
"liveServer.settings.CustomBrowser": "chrome",
"liveServer.settings.host": "127.0.0.1",
"liveServer.settings.port": 6600,
"liveServer.settings.root": "",
"liveServer.settings.ChromeDebuggingAttachment": false,
"editor.fontSize": 14,
"editor.tabSize": 2,
"editor.formatOnSave": true,
"editor.wordWrap": "bounded",
"editor.wordWrapColumn": 160,
"editor.semanticTokenColorCustomizations": null,
"editor.codeActionsOnSave": null,
"editor.fontLigatures": null,
"editor.fontWeight": null,
"editor.autoClosingDelete": "always",
"editor.autoClosingOvertype": "always",
"editor.autoClosingQuotes": "always",
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
// "editor.defaultFormatter": "numso.prettier-standard-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "numso.prettier-standard-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "numso.prettier-standard-vscode"
},
"[json]": {
"editor.defaultFormatter": "numso.prettier-standard-vscode"
},
"[jsonc]": {
"editor.defaultFormatter": "numso.prettier-standard-vscode"
},
"[css]": {
"editor.defaultFormatter": "numso.prettier-standard-vscode"
},
"[scss]": {
"editor.defaultFormatter": "numso.prettier-standard-vscode"
},
"[html]": {
"editor.defaultFormatter": "numso.prettier-standard-vscode"
},
// "eslint.validate": [
// "javascript",
// "javascriptreact",
// "typescript",
// "typescriptreact",
// "html",
// "vue",
// "markdown",
// "css",
// "scss",
// "json"
// ],
"eslint.workingDirectories": [{ "mode": "auto" }],
"workbench.startupEditor": "newUntitledFile",
"tslint.typeCheck": true,
"files.autoSave": "off",
"explorer.confirmDelete": false,
"bracketPairColorizer.depreciation-notice": false,
"javascript.updateImportsOnFileMove.enabled": "always",
"typescript.updateImportsOnFileMove.enabled": "always",
"editor.inlineSuggest.enabled": true
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?