|
、解构...括号的使用更是无处不在，当我们在编写或者阅读代码时，很难一眼看出两个匹配的括号。这样可能会导致两个负面影响：1、阅读效率降低，阅读代码需要仔细确认代码是否在两个括号之间；2、缺乏 lint 功能完成较长代码片段时，漏写括号会导致代码执行错误，需要花一定时间去梳理。
Bracket Pair Colorizer 插件提供了括号的高亮和匹配辅助功能，我们可以一眼看出匹配的两个括号。
Auto Complete Tag
在编写 HTML 或者 JSX 代码过程中，如果我们有这样的需求：在输入 <div> 时自动补全为 <div></div> ；将 <div> 修改为 <section> ，与之匹配的标签名称也随之更改,最终成为 <section></section> 。虽然 H5 中对未闭合的标签是可以显示的，但还是鼓励标签都能闭合。 Auto Complete Tag 为我们实现了这样的诉求。
类似的插件还有：
-
Auto Close Tag
-
Auto Rename Tag
-
Close HTML/XML tag
ESLint
为了更规范的开发前端代码，规避代码中一些容易造成问题的代码，社区沉淀了 lint 的方案，目前最常用的是 ESlint。通常 ESLint 是在通过命令行执行命令，根据文件夹下的 .eslintrc 和 .eslintignore 文件进行代码的校验，这样的流程是与编码过程脱离的。 ESLint 插件识别项目下的配置，直接在编码过程做出提示，并且可以配置保存文件是自动修复错误。
类似的插件有：
-
jslint
-
sass lint 对 Sass 语法执行 lint
Prettier
ESLint 定义了代码层面上的规范，Prettier 则定义了不同编辑器的代码格式化规范。确保同一个项目的开发者代码格式化后是一致的，这样可以避免不同编辑器格式化导致的代码差异，特别是在代码合并时能深深认识到代码格式化一致的重要性。更多 Prettier 介绍可以在 Prettier 官网 了解， Prettier 插件 通过项目下的 .prettier 文件格式化代码，我们需要将这个文件提交至 git 仓库。
类似的插件有：
REST Client
前后端应用联调或 Node 接口测试过程中，我们会有测试接口的需求。通常使用的工具有 Postman 和 curl。Postman 提供的功能很完备，但需要在开发时额外安装一个软件，并且开发过程多几次软件的切换也不***了。curl 是系统自带的命令行工具，功能也很强大，但个人感觉控制台中输入 curl 命令不太友好。 REST Client 为我们提供了编辑器视窗中快速请求接口的能力，而且我们可以将请求的 API 列表保存在项目中，方便后面的使用。
GitLens
Gitlens 对 VSCode 的 git 功能做了很多扩充，
（编辑：青岛站长网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
