目前自己用到的比较稳定vscode配置,应对vue,js,ts,c#,可很好的修复问题、方便编辑、保存自动修复格式,现将稳定配置记录如下:
setting.json文件如下
{
"security.workspace.trust.untrustedFiles": "open",
"ipynb.experimental.serialization": true,
"debug.javascript.defaultRuntimeExecutable": {
"pwa-chrome": "",
"pwa-node": "node"
},
"workbench.externalBrowser": "chrome",
"launch": {
"configurations": [],
"compounds": []
},
"diffEditor.ignoreTrimWhitespace": true,
"prettier.bracketSameLine": true,
"editor.wordSegmenterLocales": null,
// ================== 编辑器设置 ==================
"editor.tabSize": 2, // 代码缩进使用 2 空格
"editor.detectIndentation": false, // 禁止根据文件内容自动调整缩进
"editor.wordWrap": "on", // 自动换行
"files.trimTrailingWhitespace": true, // 删除行尾的多余空格
"files.insertFinalNewline": true, // 文件末尾插入换行符
"editor.formatOnSave": false, // 禁用全局自动格式化,保存时由 ESLint 修复
"eslint.useFlatConfig": true, // 启用 ESLint 新配置模式
// ================== 保存时自动修复代码 ==================
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit"
},
// ========== Vue 专项配置 ==========
"[vue]": {
// "editor.defaultFormatter": "esbenp.prettier-vscode", // 使用 Prettier 处理 Vue 文件格式化
"editor.defaultFormatter": "Vue.volar", // ✅ 匹配项目配置
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true// ✅ 强制 ESLint 修复
}
},
// ================== 通用语言配置JavaScript/TypeScript配置 ==================
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode" ,// 使用 Prettier 对 JS 格式化
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
},
"[typescript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode" // 使用 Prettier 对 TS 格式化
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
},
// ================== Volar 插件(Vue 3)优化 ==================
"volar.useWorkspaceTsdk": true, // 启用本地 TypeScript 版本,优化类型检查
"typescript.tsserver.maxTsServerMemory": 4096,
"[csharp]": {
"editor.defaultFormatter": "csharpier.csharpier-vscode",
"editor.formatOnSave": true, // ✅ 针对 C# 单独开启保存格式化
"editor.codeActionsOnSave": {
"source.fixAll": true // 启用代码修复
}
}, // 增加 TypeScript 服务器内存上限,避免卡顿
//@code settings sync 插件==>用于同步vscode插件与settings.json文件
"gitee.gist": "8jc7o5pqve4ltn2kuhi3928", //gist字符串,是gitee的代码片段生成的
"gitee.access_token": "feec3fe092f08565b3738eeb28b08b73",
"liveServer.settings.donotShowInfoMsg": true,
"diffEditor.hideUnchangedRegions.enabled": true,
"workbench.colorTheme": "Default High Contrast" //gitee的私人令牌
}
插件安装截图如下:
安装后已启用