加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 移动互联 > 正文

JavaScript开发者的27个神奇VSCode工具

发布时间:2019-08-07 22:42:55 所属栏目:移动互联 来源:读芯术
导读:Visual Studio Code(也被称为VSCode,https://code.visualstudio.com/)是一款成果强盛的轻量级跨平台桌面源代码编辑器。因为其内置开拓器材支持TypeScript和Chrome开拓者器材,这款编辑器让人越用越喜好。 每小我私人都能行使和修改的无穷扩展的开放源代码,

借助优化注释器材(https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)可以把注释酿成显目标彩色。

福利!JavaScript开拓者的27个神奇VSCode器材

这样就可以轻松地通过添加!可能?来提示组员必要留意的处所了。

3. 括号配对着色

第一次见到括号配对着色(https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer)的截图时,笔者就抉摘要将其插手开拓器材箱中。

对付亲爱编程的人来说,这个扩展无疑能让编程变得越发风趣。

福利!JavaScript开拓者的27个神奇VSCode器材

4. Material Theme

Material Theme(https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme)是一款能直接安装到VSCode的久长主题,它能让代码酿成下面这样:

福利!JavaScript开拓者的27个神奇VSCode器材

这是今朝为止最棒的主题了,赶紧安装吧!

5. @typescript-eslint/parser

TypeScript用户也许已经开始由TSLint设置转向ESLint + TypeScript设置了,由于本年,TSLint背后团队公布将弱化对其的支持。

因此此刻越来越多的项目回收@typescript-eslint/parser及相干的软件包,以担保项目配置不会过期。

在Prettier网站上,依然可以用最新的配置体验ESLint的法则和兼容性。

6. Stylelint

对付全部项目来说,Stylelint(https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint)都是必备的,缘故起因有以下几个:

· 它能停止堕落。

· 它能执行CSS的代码气魄威风凛凛类型。

· 它能与Prettier共同行使。

· 它能支持CSS/ SCSS/Sass/Less。

· 它能支持社区建设的插件。

7. Markdownlint + docsify

有些人也许有这样的风俗:在开项目接头会时,用Markdown(https://daringfireball.net/projects/markdown/)名目记条记。

这样的条记易于领略,并且有许多便利的Markdown文档器材,个中就包罗markdownlint。

Markdownlint是一款VSCode扩展,它不单能辅佐搜查.md文件的誊写类型,并且支持Prettier名目!

笔者在全部项目中都应用了docsify,由于它支持Markdown和其他强化。

8. TODO高亮

假若有把待办项记录在应用代码中的风俗,TODO高亮这样的扩展就会很是有效,由于它可以或许把整个项目中的TODO都配置为高亮。

9. Import Cost

第一次实行的时辰,你也许会认为Import Cost很是有效。可是用了一会你也许就不再必要它了,由于它汇报你的你都已经知道了。尽量云云,照旧提议你实行一下,由于你也许会必要它。

10. Highlight Matching Tag

找不到标签的另一端时,Highlight Matching Tag就能派上用场了:

福利!JavaScript开拓者的27个神奇VSCode器材

11. vscode-spotify

有些人会认为切换到音乐软件切歌,然后回到VSCode界面继承事变有些贫困。

Vscode-spotify就能办理这个贫困,由于它能让措施员在VSCode里行使Spotify(Spotify是瑞典的在线流媒体音乐播放平台,民间译名“声田”可能“声破天”)!

有了这个扩展就可以在状态栏看到正在播放的歌曲,通过热键切换歌曲,点击按键节制Spotify,等等。

12. 用于VSCode的GraphQL

跟着GraphQL慢慢成长,险些每个JavaScript社区都能看到它的身影。鉴于此,思量安装用于VSCode的GraphQL大概是个不错的主意。

通过这个器材,就可以在处理赏罚GraphQL语法时行使语法高亮、linting以及自动完成等成果。

由于笔者常常行使Gatsby,以是一般编程中经常涉及到GraphQL语法。

13. 彩虹缩进

跟上文中行使括号配对着色的来由相同。假如很难找到对应的缩进,行使彩虹缩进就能让缩进更有可读性。

请看这个例子:

福利!JavaScript开拓者的27个神奇VSCode器材

14. Color Highlight

这是一个到哪城市被问链接的扩展。简朴来说,Color Highlight会这样给代码中的颜色标注高亮:

福利!JavaScript开拓者的27个神奇VSCode器材

15. 拾色器

拾色器是一款图形用户界面的VSCode扩展,它辅佐用户选择并天生颜色代码,好比说CSS颜色值。

16. REST Client

第一次实行REST Client时,笔者并不以为这个器材会比闻名的Postman软件更好用。

跟着行使的深入,笔者逐渐意识到REST Client扩展给开拓器材带来的庞大影响,尤其是在测试API时。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读