直接上手！不容错过的 Visual Studio Code 十大扩展组件
source link: http://mp.weixin.qq.com/s?__biz=MjM5MjAwODM4MA%3D%3D&%3Bmid=2650720231&%3Bidx=3&%3Bsn=17cc79ac36388fb28860562e211b667e&%3Butm_source=tuicool&%3Butm_medium=referral
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
盘点最常用的十大 Visual Studio Code 扩展组件。
作者 | David Neal
译者 | 谭开朗，责编 | 屠敏
出品 | CSDN（ID：CSDNnews）
各大平台与各种语言的开发人员都在使用Visual Studio Code，我对此感到惊讶。Stack Overflow发布的2019年开发者调查结果显示，VS Code占主导地位。我使用VS Code的主要原因是它能很好的支持JavaScript和Node.js的代码调试，并且能免费使用Visual Studio Marketplace中提供的定制化扩展组件。
然而，这里面有成千上万个扩展组件！我们怎么知道哪些是好用的呢？
一种方法是通过查看扩展组件的平均评级和下载数量来衡量其受欢迎程度。另一种方法是阅读像本文这种包含个人观点的文章。一起来看看吧！
下面是我为Node.js开发人员推荐的Visual Studio Code扩展组件。
Bracket Pair Colorizer2
我写代码是尽可能的简洁明了，并且不嵌套太多的东西。然而事与愿违，有些时候这是不可避免的。Bracket Pair Colorizer2为结对的括号提供了颜色高亮功能，便于我们直观的看出对应的左括号和右括号。
npm
npm扩展组件有两个功能：运行编辑器中webpack.json定义的npm脚本，并验证package.json中列出的文件包。
npm Intellisense
使用require()导入模块代码时，npm Intellisense组件会自发进行包提示。
ESLint
在初始化一个新的Node.js项目文件时，我要做的第一件事就是在终端安装ESLint。
npm init -y npm install --save-dev eslint
ESLint组件会使用本地ESLint和配置规则来查找JavaScript代码中的常见模式问题，以便减少bug而编写出更好的代码。ESLint还可以重新格式化代码使其一致性更好，这取决于我们启用的规则。请确保VS Code设置了自动保存修复功能（”eslint.autoFixOnSave”: true）。
要初始化ESLint配置文件，我们可以在项目中运行此命令：
npx eslint --init
当前的.eslintr .js内容如下：
module.exports = {
env: {
commonjs: true,
es6: true,
node: true
},
extends: "eslint:recommended",
globals: {},
parserOptions: {
ecmaVersion: 2018
},
rules: {
indent: [ "error", "tab" ],
"linebreak-style": [ "error", "unix" ],
quotes: [ "error", "double" ],
semi: [ "error", "always" ],
"array-bracket-spacing": [ "error", "always" ],
"object-curly-spacing": [ "error", "always" ],
"space-in-parens": [ "error", "always" ]
}
};
Code Spell Checker
我不知道大家的情况怎么样，但当我发现我在代码中拼错了函数名、变量、注释或其他任何东西时，我真的很恼火。如果通篇都是拼写错误的，那是可以正常运行的，但是拼写错误仍然会让人沮丧或尴尬。
Code Spell Checker组件的出现终结了拼写错误时代！该组件很好的一个特性是可以区分camelCase、PascalCase、snake_case等。另一个很棒的特性是它有西班牙语、法语、德语、俄语和其他一些语言的词典。
Auto Close Tag（自动关闭标签）
VS Code最新版本会对HTML或XML文件自动创建结束标签。对于其他文件类型，如JavaScript、Vue和JSX，Auto Close Tag将为我们缩短某些输入。
DotENV
用环境变量来配置Node.js应用程序是很常见的。管理环境变量最流行的一个模块是dotenv。VS Code的DotENV扩展组件在编辑.env文件时添加了便捷的语法高亮显示功能。
Path Intellisense
Path Intellisense组件增加了对文件路径和名称的自动补全功能，以此来降低手工输入从而减少引入与路径相关的bug。
MarkDownLint
优秀的代码和文档是相辅相成的。我更喜欢用markdown格式编写README文件或其他文档。Markdownlint组件可以帮助我们确保markdown语法的正确性。
Material Icon Theme
Material Icon Theme组件为VS Code的不同文件类型添加了多种图标。˙这样能快速区分项目中不同的文件以便很大限度的节省时间！
其他权威的VSCode扩展组件（Node.js适用）
以下扩展组件没有排进前10名，但是对于Node.js开发人员来说，它们在某些场景中很有用！
-
Encode Decode——通过添加命令来快速切换文本与其他各种格式，比如Base64、HTML和JSON数组。
-
Rest Client——直接从编辑器发出HTTP请求，并在一个独立窗口中查看响应数据。非常适合测试和原型化API。
-
Better Comments——在不同类型的注释中添加高亮显示，助于创建更“人性化”的注释。
原文：https://developer.okta.com/blog/2019/05/08/top-vs-code-extensions-for-nodejs-developers
本文为 CSDN 翻译，转载请注明来源出处。
【END】
作为码一代，想教码二代却无从下手：
听说少儿编程很火，可它有哪些好处呢？
孩子多大开始学习比较好呢？又该如何学习呢？
最新的编程教育政策又有哪些呢？
下面给大家介绍CSDN新成员： 极客宝宝（ID： geek_baby）
戳他了解更多↓↓↓
热 文推 荐
☞ 百度贴吧 2017 前贴子无法访问；网易腾讯游戏获批；苹果反垄断案败诉 | 极客头条
点击阅读原文，输入关键词，即可搜索您想要的 CSDN 文章。
你点的每个“在看”，我都认真当成了喜欢
Recommend
-
74
当涉及到代码时，有很多热门话题，并且与时俱进总是潮流所向。如果你想知道如何分离糟粕和精华，那么我们已经准备就绪，只欠各位阅读下文的东风。 在接下来的内容中，我们将查看2016年的热点，以及今年会...
-
63
不容错过的 5 个微型 Linux 发行版 作者： Seth Kenlon 译者：
-
47
对 Babel 的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有特别大的影响（毕竟有搜索引擎）。 不过呢，还是想更进一步了解下，于是最近认真阅读了 Babel 的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算...
-
45
Express.js是用于开发Node.jsRESTAPI的优秀框架，但是它并没有为您提供有关如何组织Node.js项目的任何线索。虽然听起来很傻，但这确实是个问题。正确的组织Node.js项目结构将避免重复代码、提高服务的稳定性和扩展性。这篇文章是基于我多年来在处理一些糟糕的Node....
-
19
Express.js 是用于开发 Node.js REST API 的优秀框架，但是它并没有为您提供有关如何组织 Node.js 项目的任何线索。 虽然听起来很傻，但这确实是个问题。 正确的组织 Node.js 项目结构将避免重复代码、提高...
-
40
导读 这12个问题是当前面试中最热门的问题，既是非常基础的问题，也能看出面试者的水平，具有区分度。无论是面试官还是求职者都可以看看。
-
41
本文由阿里巴巴前端技术专家、本届GMTC讲师 陈周勉 首发于 UC研发效能 公众号，关注文末公众号可领取GMTC大会PPT。 1. 导读 2019年，大前端领域发展的步伐看似略有放缓，并没有太多颠覆性的新技术出现。可是，"学不动"的焦虑感依然笼罩着整个前端圈
-
20
awesome-nodejs-cn 该项目翻译至 Awesome-nodejs ,为大家提供一个快速查阅优秀nodejs资源的中文索引，希望能够提升大家找nodejs相关资源&项目的效率。（目...
-
24
【51CTO.com原创稿件】 前言 ES2020 是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。 本文以简单的代码示例来介绍 ES2020新特性...
-
43
作者：Roman Orac 鱼羊 编译整理 量子位 报道 | 公众号 QbitAI 数据分析，如何能错过 Pandas 。 现在，数据科学家 Roman Orac 分享了他在工作中相见恨晚的 Pandas 使用技巧。...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK