GMTC 全球大前端技术大会(北京站)门票 9 折特惠购票最后 10 天,点击立减 ¥480 了解详情
写点什么

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:1822448
用户头像

发布了 361 篇内容, 共 157.4 次阅读, 收获喜欢 810 次。

关注

评论

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

数字政府升级下的数据产品探索

数据司令

大数据 政务信息化 数字政务

LeetCode 300. Longest Increasing Subsequence

liu_liu

LeetCode

了解 Java 内存模型

陈皮

JMM

每周学习总结

Conn

极客大学架构师训练营

week3 作业

雪涛公子

架构师面试题(2)

满山李子

Week3 作业

Shawn

架构师训练营第三周作业

张明森

极客大学架构师训练营

依赖倒置原则

任小龙

第二周学习总结

任小龙

架构师训练营 -week3 命题作业

J.Smile

极客大学架构师训练营

架构师训练营第三周作业

张锐

邮件领域还有创新吗?

池建强

创业 软件 创新 邮件

如何搭建一个本地服务器集群

Rayjun

分布式

刘华:想入门软件系统架构设计,看这篇就够了

刘华Kenneth

架构 架构师 故障 容灾 灾备

了解 Java 架构

陈皮

ArrayList的删除姿势你都知道了吗

java金融

Java 后端 ArrayList 循环删除 ModificationException

一些有用的工具、开源项目收集

陈皮

从印度兵力分布聊聊Mybatis中#和$的区别

程序那些事

Java sql mybatis 印度兵力

springboot + rabbitmq 做智能家居,我也没想到会这么简单

程序员内点事

Java Spring Boot RabbitMQ 智能设备

迎接一次重大的人生升级,让优秀的你,成为大学顶尖生。

叶小鍵

LeetCode 2. Add Two Numbers

liu_liu

数据结构 算法 链表 LeetCode

第三章总结

week3 总结

雪涛公子

week3:组合设计模式和单例

Geek_36d3e5

云计算产品的竞争力

韩超

云计算 k8s 公有云 私有云

单例模式与组合模式总结与练习

单例模式 极客大学架构师训练营 组合模式 第三章作业

架构师训练营总结-20200621

caibird1984

极客大学架构师训练营

面试急转弯:List如何一边遍历,一边删除?

Java小咖秀

接口隔离原则-Cache类优化

yupi

创业公司技术体系建设

星际行者

Kubernetes DevOps APM 基础设施

openEuler Developer Day 2021

openEuler Developer Day 2021

15款好用的VS Code插件-InfoQ