Javascript程序员必须安装几个常用VS Code插件 - klamser


本文中,我想介绍一下我日常使用的最喜欢的Visual Studio代码扩展。大多数时候,我使用VS Code编写JavaScript应用程序(Vanilla JavaScript,React,Angular,NodeJS…)。
 

括号对颜色器2
这是一个很好的扩展,可以帮助我找到解决JavaScript中复杂的嵌套承诺的方法。顾名思义,它会使括号对变色,这对我弄清楚我是否在某个地方弄乱(例如缺少括号)很有帮助。默认情况下,它与(),[]和{}等普通括号匹配,但是如果需要,您也可以定义自定义括号。它还具有许多其他很酷的功能,例如定义颜色或显示活动括号的装订线。继续尝试一下。
资源
市场:链接
 
NPM智能感知
如您在GIF中所看到的,它自动完成需要一个针对NPM软件包的import语句。这可以提供很多帮助,尤其是当您的项目变得很大并且在package.json中包含很多依赖项时。我不想再错过这个插件了,强烈推荐!
资源
市场:链接
 
路径智能
这是NPM Intellisense的同级产品。它会执行相同的自动补全,但现在适用于您的文件系统。维护者和他的兄弟姐妹一样,我不想再错过了!
资源
市场:链接
 
Quokka.js
如果您只是想尝试一些东西而无需先设置项目,那么此工具是一个很好的补充。通过实时检查输出,它会立即在JavaScript / TypeScript代码旁边弹出输出,如GIF所示。这是一个很好的扩展,特别是用于调试目的。
资源
市场:链接
 
Docker
因为我经常使用NodeJS,所以我习惯了完全使用Docker来设置开发环境。在找到此扩展之前,我仅使用CLI。该扩展是处理多个Docker映像和容器的必备项,因为它使您可以快速概览正在运行的容器,构建的映像以及创建的网络。如果您每天使用Docker,那么我只能强调使用此扩展。
资源
市场:链接
 
实时服务器
我仍然会不时使用静态网站和香草JavaScript,因为这样做,我不想安装诸如webpack-dev-server之类的东西。此扩展通过为本地开发服务器提供热重载功能来帮助我解决此问题,这意味着它会在保存对文件所做的任何更改后立即刷新页面。它在状态栏中有一个漂亮的“上线”按钮,使您只需单击一下即可启动服务器。如果您还没有的话,一定要签出此扩展名。
资源
市场:链接
 
自动关闭标签和自动重命名标签
这是VS Code的两个小插件,可通过自动重命名和关闭标签来帮助您维护HTML文件。这也适用于React自己的JSX语法。如果您想节省一些时间,请尝试一下。
源自动关闭标签
源自动重命名标签
市场:自动关闭标签自动重命名标签

Markdown预览增强
我用Markdown做很多事情。例如,在hashnode.comdev.to上写文章,为我的私人项目写文档,或者通过在markdown中写下笔记来组织自己。大多数时候,我都是使用VS Code来做的,在找到Markdown Preview增强版之前,我一直缺乏好的Markdown预览工具。它不仅为您提供预览,而且还具有同步滚动,PDF导出和PlantUML的功能。我非常喜欢这个工具,可以向与Markdown经常合作的每个人高度推荐。
资源
市场:链接