编辑器在日常开发的作用越来越大了，随着Vscode编辑器在前端开发的普及，vscode编辑器的插件也在逐渐为前端工程化的提供助力。

基础插件

一、ESLint

eslint vscode插件,能够高亮提示出代码中的错误

插件不生效

在设置 -> eslint -> settings.json 中添加下列代码即可

"eslint.validate": [
  "javascript",
  "javascriptreact",
  "typescript",
  "typescriptreact"
],
"eslint.codeAction.showDocumentation": {
  "enable": true
},
"eslint.format.enable": true,
"eslint.probe": [
  "javascript",
  "javascriptreact",
  "typescript",
  "typescriptreact",
  "html",
  "vue",
  "markdown"
]

二、GitLens

git管理工具

三、Code Spell Checker

单词拼写检查

四、Todo Tree

用于代码中进行标记

五、EditorConfig for VS Code

代码风格规范,简单的说就是不让你再头疼tab还是space缩进

使用

• 在当前项目根目录下添加 .editorconfig 文件

  配置项

  待补充

六、Debugger for Chrome

vscode的chrom浏览器联调工具

七、Document This

自动生成jsdoc

使用

Ctrl+Alt+D 两次

八、Tailwind CSS IntelliSense

配合tailwindcss使用提示工具

九、Prettier - Code formatter

格式化代码工具

十、koroFileHeader

快速生成文件头部

/*
 * @author: 庞皓元
 * @Date: 2021-08-09 21:02:16
 * @LastEditTime: 2021-08-15 22:22:44
 * @LastEditors: 庞皓元
 * @Description:
 * @FilePath: \huidu.admin\src\pages\cdk\batchList\index.tsx
 * 可以输入预定的版权声明、个性签名、空行等
 */

十一、Codesnap

获取代码快照

十二、Postcode

简易版postman

十三、

摸鱼插件

一. 小霸王

童年回忆
ps： 炸弹超人yyds

二、LeetCode

摸鱼? 不存在的。。。提升算法好不好。。。但是对公司来说你就是在摸鱼

三、leek-fund（韭菜盒子）

不想当韭菜的程序员，不是好程序员
你以为我在炒股，其实我在为国家产业升级提供资金支持，为实现中华民族伟大复兴提供助力！！！