分享几个我日常使用的VS Code插件

2020 年 11 月 06 日

分享几个我日常使用的VS Code插件

在这篇文章中,我想介绍一下自己日常使用中最喜欢的 Visual Studio Code 扩展。大多数时候,我用 VS Code 编写的是 JavaScript 应用程序(标准 JavaScript、React、Angular、NodeJS……各式各样)。


Bracket Pair Colorizer 2



这个扩展很不错,可以帮助我搞清楚 JavaScript 中复杂的嵌套 promise。顾名思义,它可以让方括号对变色,帮我弄清楚是否在某个地方搞糊涂了(例如缺少方括号)。它默认匹配()、[]和{}等普通括号,但如果需要你也可以定义自定义括号。


它还有其他许多很酷的功能,例如定义颜色或为活动括号显示装订线之类。值得尝试一波。


项目链接


Marketplace


NPM Intellisense



如动图所示,它能自动完成以 NPM 包为目标的 require import 语句。这可以提供很多帮助,尤其是当你的项目变得很大,并且在 package.json 中包含很多依赖项时。我不想再错过这个插件了,强烈推荐!


项目链接


Marketplace


Path Intellisense



这是 NPM Intellisense 的姐妹插件。它会执行相同的自动补全,不过针对的是你的文件系统。这俩插件的维护者是同一人,我也不想再错过这个好东西!


项目链接


Marketplace


Quokka.js



如果你只是想尝试一些东西,不想费劲先设置项目,那么这款工具就是一个很好的辅助。通过实时检查输出,它会立即将输出显示在 JavaScript/TypeScript 代码旁边,如动图所示。这是一个很好的扩展,特别适合调试目的。


项目链接


Marketplace


Docker


由于我经常使用 NodeJS,因此习惯了完全使用 Docker 设置开发环境。在找到这个扩展之前,我只会用 CLI。


这个扩展是处理多个 Docker 映像和容器的必备,因为你可以用它快速浏览正在运行哪些容器、构建哪些映像以及创建哪些网络。


如果你每天都在使用 Docker,那么我强烈推荐这个扩展。


项目链接


Marketplace


Live Server



我仍在不时使用静态网站和标准 JavaScript,而且这样做的时候我不想安装诸如 webpack-dev-server 之类的东西。这个扩展为本地开发服务器提供了热重载功能,从而能帮助我解决这个问题,也就是说它会在保存对文件所做的任何更改后立即刷新页面。它在状态栏中有一个漂亮的“Go Live”按钮,你只需单击一下即可启动服务器。如果你还没用上的话,一定要看看这个扩展。


项目链接


Marketplace


Auto Close Tag 和 Auto Rename Tag



它们是 VS Code 的两个小插件,可通过自动重命名和关闭标签来帮助你维护 HTML 文件。这也适用于 React 自己的 JSX 语法。如果你想节省一些时间,请尝试一下。


项目地址:


Marketplace:


Markdown Preview Enhanced



我用 Markdown 做很多事情。例如,在 hashnode.com 或 dev.to 上写文章,为我的私人项目写文档,或者在 markdown 中写笔记来理顺自己的想法。大多数时候,我都是用 VS Code 来写的,在找到 Markdown Preview Enhanced 插件之前,我一直缺乏好用的 Markdown 预览工具。它不仅为你提供预览,而且还有同步滚动、PDF 导出和 PlantUML 的功能。我非常喜欢这个工具,所以向经常用 Markdown 的人们高度推荐。


项目链接


Marketplace


小结


以上就是我每天最常用的 VS Code 扩展。我希望你发现了一些对你的工作流程有用的新东西,你有什么好用的扩展也可以在评论里推荐。


原文链接:


https://dev.to/klamserdev/vs-code-extensions-i-use-daily-568i


2020 年 11 月 06 日 10:074876

评论 1 条评论

发布
用户头像
Quokka.js这个插件很赞呀,之前不知道的时候一直都是需要在控制台测试~
2020 年 11 月 23 日 11:16
回复
没有更多评论了
发现更多内容

Keepass+Synology 打造私人密码管理器

zj坚果

Golang写算法

卒迹

golang 算法

甲方日常4

句子

工作 随笔杂谈 日常

云原生如何来进行HTTPS升级

soolaugust

架构 云原生 设计模式

话题讨论 | 当你敲代码累了时,一般喜欢吃点什么补充能量?

InfoQ写作平台

加班 写作平台 代码 话题讨论

揭开链表的真面目

Java旅途

Java 数据结构 链表

面试是一张窄窄的船票

escray

学习 面试 面试现场

week 12 作业

Geek_2e7dd7

新时代背景下的Java语法特性

高翔龙

Java java 14 java 14 新特性 Java 分布式

面试必备知识点:悲观锁和乐观锁的那些事儿

鄙人薛某

面试 乐观锁 悲观锁 CAS 并发控制

C语言内存泄露很严重,如何应对?

华为云开发者社区

c 内存泄露 内存 代码 函数

1. 不吹不擂,第一篇就能提升你对Bean Validation数据校验的认知

YourBatman

Hibernate-Validator Bean Validation 数据校验 JSR380

Python 到底是强类型语言,还是弱类型语言?

Python猫

Java c++ Python 编程

你也许还不懂静态方法和实例方法

架构师修行之路

MySQL复杂where条件分析

程序员历小冰

MySQL

Jenkins持续集成「编译打包、代码检查、单元测试、环境部署、软件测试​」

清菡

jenkins

性能相关 磁盘I/O子系统

Linuxer

文件系统

Linuxer

week 12 学习总结

Geek_2e7dd7

java安全编码指南之:对象构建

程序那些事

Java 安全 安全编码指南 对象构建

区块链usdt支付系统开发,承兑支付跑分系统搭建

WX13823153201

区块链usdt支付系统开发

Week12

一叶知秋

拖延症竟然是自己给自己的一种奖励?如何干掉它?

非著名程序员

个人成长 拖延症 番茄土豆工作法

产品经理的架构思维

吴世亮

架构 产品经理 电商

oeasy教您玩转linux-010110内容回顾

o

自己做的 PPT 总被批「缺少干货」?试试先回答这三个问题

Tony Wu

效率工具 方法论 PPT

DockerHub 镜像仓库的使用

哈喽沃德先生

Docker 容器 微服务 镜像 容器技术

图解Janusgraph系列-分布式id生成策略分析

洋仔聊编程

分布式 分布式系统 janusgraph 图数据库

管理时间还是挥霍时间?

钰湚

学习 时间管理 工作体会 工作哲学

在面试中成长

escray

学习 面试 面试现场

SpreadJS 纯前端表格控件应用案例:表格数据管理平台

Geek_Willie

分享几个我日常使用的VS Code插件-InfoQ