VS Code 常用插件及配置
基础插件
1.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
2.Path Intellisense
3.Prettier - Code formatter
4.Live Server
5.koroFileHeader
6.JavaScript (ES6) code snippets
7.Atom One Dark Theme
8.CSS Peek（不推荐）
9.Material Icon Theme
10.CodeGeeX
Vue相关插件
1.Vue Language Features
2.TypeScript Vue Plugin
settings.json配置
{
// 主题配置
"workbench.colorTheme": "Atom One Dark",
"workbench.iconTheme": "material-icon-theme",
// 编辑器配置
"editor.wordWrap": "on", // 換行
"editor.wordWrapColumn": 120, //设置换行长度
"editor.detectIndentation": true, // vscode默认启用了根据文件类型自动设置tabsize的选项 不检查缩进，保存后统一按设置项來设置 false
"editor.tabSize": 2, // 代码缩进修改成 2 个空格
"editor.fontSize": 16, // 字体大小
"editor.formatOnSave": true, // 每次保存的时候自动格式化
"editor.formatOnType": true, // 键入一行后是否自动格式化该行
"editor.formatOnPaste": true, // 是否自动格式化粘贴的内容
//资源管理器配置
"explorer.confirmDelete": false, // 删除文件不提示
"explorer.confirmDragAndDrop": false, // 控制在资源管理器内拖放移动文件或文件夹时是否进行确认
//prettier配置
"prettier.tabWidth": 2, // 设置tab的宽度
"prettier.useTabs": false, // 缩进不使用tab，使用空格
"prettier.semi": false, // 句尾是否填加分号
"prettier.singleQuote": true, // 控制字符串是否使用单引号
"prettier.bracketSpacing": true, // 在对象，数组括号与文字之间加空格 "{ foo: bar }"
"prettier.arrowParens": "avoid", // (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid：省略括号
"prettier.endOfLine": "auto", // 结尾是 \n \r \n\r auto
"prettier.trailingComma": "es5", // 在对象或数组最后一个元素后面是否加逗号（在ES5中加尾逗号）
// 格式化
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[vue]": {
"editor.defaultFormatter": "Vue.volar"
},
// koroFileHeader 头部注释
"fileheader.customMade": {
"Author": "wanghj 15601828485@163.com",
"Date": "Do not edit", // 文件创建时间(不变)
"LastEditors": "wanghj 15601828485@163.com",
"LastEditTime": "Do not edit", // 文件最后编辑时间
"FilePath": "Do not edit", // 文件在项目中的相对路径 自动更新
"Description": ""
},
// koroFileHeader 函数注释，快捷键 ctrl+win+t
"fileheader.cursorMode": {
"description": "", // 函数注释生成之后，光标移动到这里
"param": "", // param 开启函数参数自动提取 需要将光标放在函数行或者函数上方的空白行
"example": "",
"return": ""
},
//CodeGeeX配置
"Codegeex.Privacy: true",
"Codegeex.Comment.LanguagePreference": "中文"
}
