这些必备的VSCode JavaScript插件你都用过吗？
浏览器插件
除非你是在用JavaScript写控制台程序，否则你多半会在浏览器中执行你的JavaScript代码。这意味着，你会频繁地刷新浏览器以观察每次你更新代码的效果。这里有一些工具，能极大地减少你开发时的这种重复流程，而不是每次都手动刷新浏览器：
1. Debugger for Chrome（在编辑器中打断点，让你轻松地在Chrome里调试JavaScript。源码（vscode-chrome-debug。 ）
2. Live Server（开启本地开发时服务器，为静态和动态页面提供实时刷新功能。源码（vscode-chrome-debugvscode-live-server。）
这些必备的VSCode JavaScript插件你都用过吗？
3. Preview on Web Server（提供web服务器和实时预览功能。）
4. PHP Server（对测试只能在客户端运行的JavaScript代码很有用。）
5. Rest Client（相较于用浏览器或者一个CURL程序来测试你的REST API端点，你可以安装这个工具，直接在编辑器里相互性地发HTTP请求。）
框架类插件
对于大多数项目，你会使用合适的框架去构建你的代码，以减少开发时间。VS Code通过插件对大多数主流框架都做了支持。然而，仍有一些特定框架没有得到完全的支持。下面是一些提供了强大功能的VS Code插件。
1. Angular 6（提供Angular 6的代码片段，支持TypeScript、HTML、Angular Material ngRx、RxJS和Flex Layout。目前有220多万的下载量和172个Angular代码片段。）
2. Angular v5 snippets（提供针对TypeScript、RxJS、HTML和Docker文件的代码片段。目前有270多万的下载量。）
3. React Native/React/Redux snippets for es6/es7（提供对这些框架的ES6/ES7语法的代码片段。）
4. React Native Tools（为React Native框架提供代码智能提示、命令行工具和调试特性。）
5. Vetur（为Vue框架提供语法高亮、代码片段、Emmet、代码检测、智能提示和调试支持。它带有很好的发布在GitBook上的文档。）
6. Ember（为Ember提供了命令行支持和智能提示。安装完后，所有ember cli的命令可直接在VS Code自己的命令行列表中使用。）
7. Cordava Tools（支持Cordava插件和Ionic框架，提供基于Cordova的项目的智能提示、调试已经其他特性的支持。）
8. jQuery Code Snippets（提供了超过130个jQuery的代码片段，使用jq前缀来激活。）
测试类插件
测试是软件开发中的关键环节，对于生产阶段的项目来说更是如此。你可以通过阅读我们的指南-JavaScript测试：单元测试 vs 功能测试 vs 集成测试-来获得对JavaScript测试的一个概观。这里有一些针对测试的VS Code插件：
1. Mocha sidebar（利用Mocha库为项目提供单元测试。这个框架帮你直接在代码里跑测试，把错误信息以装饰器形式显示出来。）
2. ES Mocha Snippets（提供ES6语法的Mocha代码片段。这个插件的重点在于利用箭头函数，尽可能减少花括号的使用，保持代码的紧凑。可通过设置允许使用分号。）
3. Jasmine Code Snippets（针对Jasmine测试框架的代码片段。）
4. Protractor Snippets（针对Protractor端到端测试框架的代码片段。支持JavaScript和TypeScript。）
5. Node TDD（为Node和JavaScript项目提供测试驱动开发的支持。能在源码的更新后，立即触发自动化测试的构建。源码：node-tdd）
其他
我把下一批VS Code的插件归为"厉害的"(awesome)这一类，因为这个描述恰到好处。
1. Quokka.js（非常厉害的调试工具，为JavaScript提供了快速构建原型的演练场，并且附带有很好的文档。）
这些必备的VSCode JavaScript插件你都用过吗？
2. Paste as JSON（快速地将JSON数据转为JavaScript代码。 ）
3. Code Metrics（这是另一个非常棒的插件，计算JavaScript和TypeScript代码中复杂度。源码：codemetrics。）
总结
VS Code拥有大量的高质量插件，这让它在JavaScript开发者群体中广受欢迎。写JavaScript代码，再没有比现在更容易了。
閱讀更多 web秀 的文章
