Vscode常用插件和配置

一、常用插件

1、汉化插件Chinese (Simplified) (简体中文)

2、代码格式化ESLint+Prettier

eslint侧重代码质量和语法的问题（比如== 和 ===）
prettier更侧重代码风格的问题（比如代码折行、空格、单双引号等问题）

3、代码高亮 Vue - Official

以前叫Volar Language Features (Volar) 现在更名为Vue - Official
支持通过拖拽的方式导入组件，按住鼠标左键，把组件拖拽到想要引入的地方，VSCode 会提示按住 shift 放入编辑器中，此时我们按 shift 并放开鼠标左键，即可自动导入组件。

4、自动生成作者信息Korofileheader

生成头部注释：ctrl + alt + i或 ctrl + win + i
生成函数注释：ctrl + alt + t 或 ctrl + win + t
如果快捷键无效，则有可能是快捷键被占用，可以到键盘快捷方式中去更改 设置

1. 先在插件里找到快捷键的名称，如函数注释 cursorTip
   

2. 在设置——>键盘快捷方式搜索cursorTip，比如我这里改成ctrl+win+u
   

5、代码提交记录 GitLens — Git supercharged

6、TONGYI Lingma 提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码优化、注释生成、代码解释、研发智能问答、异常报错排查等能力，提供代码智能生成、研发智能问答能力

7、Svg Preview svg图片预览

8、Tailwind CSS IntelliSense 提供Tailwind CSS语法提示

9、给变量命名——驼峰翻译助手

安装好以后要设置翻译引擎和对应的key，我这里配置的是baidu

二、设置默认格式化工具

由于prettier和vue-offcial都可以格式化代码，所以我可以设置一个默认的工具
右键——>使用…格式化文档 我这里选择的是prettier


下次就可以直接右击选择格式化文档了，或者快捷键shift+alt+f

三、prettier的配置

1. 为整个vscode配置格式化

2. 给项目单独配置格式化
   项目根目录下新建文件 .prettierrc.json

   {
     "$schema": "https://json.schemastore.org/prettierrc",
     "semi": false,
     "tabWidth": 2,
     "singleQuote": true,
     "printWidth": 100,
     "trailingComma": "none"
   }```
   
   

如果项目中有.prettierrc.json文件，则该文件的优先级大于整个vscode配置，这也是比较建议的配置方案