15款好用的VS Code插件

2020 年 2 月 21 日

15款好用的VS Code插件


VS Code 有个市场,提供很多插件,开发人员可以把它们安装到文本编辑器,增强编辑器功能。在视图菜单中,选择扩展选项或按下 shift + cmd + X 即可进入市场。


善用 VS Code 插件,不仅节省时间,还能提高工作效率,让你成为更好的开发人员。


1. Live Server


该插件允许我们在更改 IDE 中的代码时,自动重新加载 Web 页面。



一旦安装 Live Server 后,在 html 文件上右键单击,可看到选项 Open with Live Server[Alt + L + Q]。


下载地址:Live Server


2. Quokka.js


Quokka.js 会在你输入时自动计算结果,并在 IDE 中打印结果。



下载地址:Quokka.js


3. Code Spell Checker


它是一款拼写检查程序,可以为开发者报告一些常见的拼写错误。它很适合驼峰式代码。



下载地址:Code Spell Checker


4. GitLens


GitLens 可增强 Visual Studio Code 中内置的 Git 功能。


它不仅能帮助你通过 Git blame 注解直观地看到代码作者,而且还可以无缝浏览和探索 Git 存储库,通过强大的比较命令获得有价值的见解,等等。


下载地址:GitLens


5. Prettier


Prettier是一个严格基于规则的代码格式化程序。


它解析代码并使用自己的规则重新打印代码,从而实现风格一致。这是一个重要的工具,无需开发人员做任何工作,它就能让我们获得格式正确的代码。


Prettier 提供合理的默认值,但你也能在项目的根目录下提供一个配置文件来设置自己的标准,比如行长度、制表符/空格的数量等等。



下载地址:Prettier


6.ESLint


ESLint 是一款静态代码分析工具,用来识别 JavaScript 代码中出现的有问题的模式。


ESLint 中的规则是可配置的,用户可以定义和加载自己的规则。它还涵盖了代码质量和编码风格问题。



下载地址:ESLint


7. vscode-icons


该插件会基于文件扩展名在 the tree view 中的文件名旁添加图标,让你更容易地识别文件。



下载地址:vscode-icons


8. Live Saas Compiler


它能帮你实时把 SASS/SCSS 文件编译/转译成 CSS 文件,并且提供在线浏览器重载。



下载地址: Live Saas Compiler


9. JavaScript (ES6) code snippets


这个插件包含面向 VS Code 编辑器的 ES6 语法的 JavaScript 代码片段(支持 JavaScript 和 TypeScript)。


下载地址:JavaScript (ES6) code snippets


10. Browser Preview


它可以让你在编辑器中打开一个用于调试的真正的浏览器预览。



下载地址:Browser Preview


11. Path Intellisense


该扩展可以自动补全代码中的路径和文件名。



下载地址:Path Intellisense


12.Bracket Pair Colorizer


这个扩展允许用颜色来标识匹配的括号。用户可以定义要匹配的字符和要使用的颜色。



下载地址:Bracket Pair Colorizer


13. Vim


VSCodeVim 是一个用于 Visual Studio Code 的 Vim 仿真器,为你的文本编辑器带来 Vim 的强大功能。



下载地址:VSCodeVim


14. TODO Highlight


高亮显示代码中的 TODO、FIXME 及其他注解。



下载地址:TODO Highlight


15. Color Highlight


这个扩展可以风格化在你的文件中找到的 css/web 颜色,所以你无需打开页面就能看到它们是什么颜色。


下载地址:Color Highlight


英文原文:


15 VS Code Extensions to Save Your Time and Make You a Better Developer


2020 年 2 月 21 日 10:1815902
用户头像

发布了 323 篇内容, 共 140.6 次阅读, 收获喜欢 661 次。

关注

评论

发布
暂无评论
发现更多内容

架构训练营第九周作业

张锐

消息队列面试热点一锅端

yes的练级攻略

kafka RocketMQ 面试题 消息队列

起伏激荡的以太网,抱上这条大腿才能乘风破浪

脑极体

垃圾回收

Mr.Monkey

第九周总结

andy

秒杀系统设计初稿

jason

读书时,如何提炼文章架构形成思维导图

dd多了个多

读书笔记 读书感悟

JVM 垃圾回收原理

周冬辉

读书,区分一二三四手知识

dd多了个多

读书笔记

前端面试 vue 部分 (2)——Vue是如何实现双向绑定的

dd多了个多

Vue Web 前端开发 前端面试

架构师训练营 - 第九周 - 作业

韩挺

Elasticsearch从入门到放弃:瞎说Mapping

Jackey

elasticsearch

前端面试vue部分(1)——谈谈你对MVVM的理解

dd多了个多

Vue 前端 Web 前端面试

总结

chenzt

1.8w字 | 初中级前端 JavaScript 自测清单 - 2

pingan8787

Java 前端 web前端

当面试官问我ArrayList和LinkedList哪个更占空间时,我这么答让他眼前一亮

鄙人薛某

Java 面试 集合 面试题 java基础

汇丰坠落:世间已无「日不落」

钛禾产业观察

汇丰 财经

大厂的人才衡量标准

池建强

人才标准

架构师训练营第9周

大丁💸💵💴💶🚀🐟

秒杀系统的挑战和应对方案

2流程序员

我是如何写读书笔记的

dd多了个多

读书笔记

应用开发基础知识-文件系统

superman

文件系统

百度安全研究院:区块链智能合约介绍

百度安全

比特币 区块链 智能合约 以太坊

第九周作业

andy

极客大学

微服务架构下的核心话题 (一):微服务架构下各类项目的顺势崛起

xcbeyond

架构 微服务

《深度工作》学习笔记(4)

石云升

学习 读书笔记 习惯 专注 深度工作

Kafka集群缩容实战

大数据学徒

大数据 kafka 运维 Big Data

LeetCode题解:189. 旋转数组,3次翻转,JavaScript,详细注释

Lee Chen

LeetCode 前端进阶训练营

架构师训练营第九章作业

叮叮董董

架构师训练营第九章总结

叮叮董董

作业1

chenzt

15款好用的VS Code插件-InfoQ