【前端提效】-- VsCode 实用插件推荐

EditorConfig for VS Code *****

作用：多人协同开发，规范缩进风格，缩进大小，tab长度以及字符集等，解决不同IDE的编码范设置，在这里配置（.editorconfig）的代码规范规则优先级高于编辑器默认的代码格式化规则。

 ESLint  *****

作用：ESLint插件(它可以配置你工作区中的 eslintrc.js文件 相关配置来帮你修复你代码中 javascript 语法错误问题) 

Prettier - Code formatter *****

作用：专注于代码格式化的工具，美化代码（ .prettierrc 文件）

Auto Rename Tag ***

作用：重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签

 GitLens *****

作用：方便快速查找自己和他人的 git 提交记录，非常好用的插件。（PS:还有很多功能，请查阅相关文档）

  JavaScript (ES6) code snippets *****

作用：ES6语法智能提示，以及快速输入

Path Intellisense *****

作用：在开发时如果要引入其它文件夹，该插件能自动提示文件名、文件路径。非常好用！

ES7+ React/Redux/React-Native snippets  *****

作用：React/Redux/React-Native 的智能提示，支持最新react ，快速编写hook

 

Document This ***

作用：自动为 typescript 和 javascript 生成注释

使用：光标选择对应变量，连续 Ctrl+Alt+D 2次

 Import Cost ***

作用：自动计算引入包大小

 

 Turbo Console Log ***

作用：用来快速生成、注释、删除console.log的插件

使用：光标选择对应变量，连续 Ctrl+Alt+L 2次

Code Spell Checker *

作用：自动校验单词拼写错误，并给出正确单词

Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code ***

 作用：将VSCode操作界面转换为中文

 Polacode **

作用： 代码截图工具 

使用：1、 "ctrl+shift+p" ，输入polacode

2、点击圈圈截图

Tailwind CSS IntelliSense

作用：如果项目有使用Tailwind，这个插件可以智能提示 对应的样式