Visual Studio Code最强大的JavaScript插件

新知榜官方账号

2023-11-30 16:30:21

前言

Visual Studio Code无疑是最流行的轻量级代码编辑器。它提供了如代码智能提示等开发者非常需要的功能，而这些功能，曾经只在像Eclipse或者Visual Studio 2017这样的完整集成开发环境(IDEs)中才有。本文将从专门针对前端开发者的VSCode插件入手，向您介绍最流行且必不可少的10类插件。

代码片段插件

1.VSCode JavaScript(ES6) snippets（当前最流行的，已有超过120万的下载量。这个插件为JavaScript、TypeScript、HTML、React和Vue提供了ES6的语法支持。）

2.JavaScript Snippet Pack（提供了有用的JavaScript代码片段集合。）

3.Atom JavaScript Snippet（移植自Atom的JavaScript插件。）

4.JavaScript Snippets（提供了ES6代码片段的集合。它包含对Mocha、Jasmine等其他BBD(Behavior-Driven Development)测试框架的支持。）

语法高亮插件

1.JavaScript Atom Grammar（它用Atom编辑器里的JavaScript语法高亮替换VSCode原来的。）

2.Babel JavaScript（支持ES201X、React、FlowType以及GraphQL的语法高亮。）

3.DotENV（支持.env文件语法高亮，在你使用Node时会非常有用。）

代码检测插件

1.ESLint（这个插件把ESLint集成到VSCode中。它是最流行的代码检测插件，已有超过670万下载量。它的规则在.eslintrc.json里配置。）

2.JSHint（基于JSHint的代码检测插件。在项目根目录下使用.jshintrc文件作为其配置。）

3.JavaScript Standard Style（零配置和严格规则的代码检测，强制使用StandardJS规则。如果你想查看对各种代码检测优缺点的综述，可以来看看我们对代码检测工具的比较。）

浏览器插件

1.Debugger for Chrome（在编辑器中打断点，让你轻松地在Chrome里调试JavaScript。）

2.Live Server（开启本地开发时服务器，为静态和动态页面提供实时刷新功能。）

3.Preview on Web Server（提供web服务器和实时预览功能。）

框架类插件

1.Angular6（提供Angular6的代码片段，支持TypeScript、HTML、Angular Material、ngRx、RxJS和FlexLayout。）

2.Angular v5 snippets（提供针对TypeScript、RxJS、HTML和Docker文件的代码片段。）

3.React Native/React/Redux snippets for es6/es7（提供对这些框架的ES6/ES7语法的代码片段。）

测试类插件

1.Mocha sidebar（利用Mocha库为项目提供单元测试。这个框架帮你直接在代码里跑测试，把错误信息以装饰器形式显示出来。）

2.ES Mocha Snippets（提供ES6语法的Mocha代码片段。）

3.Jasmine Code Snippets（针对Jasmine测试框架的代码片段。）

其他

1.Quokka.js（非常厉害的调试工具，为JavaScript提供了快速构建原型的演练场，并且附带有很好的文档。）

2.Paste as JSON（快速地将JSON数据转为JavaScript代码。）

3.Code Metrics（这是另一个非常棒的插件，计算JavaScript和TypeScript代码中复杂度。）

本页网址：https://www.xinzhibang.net/article_detail-21534.html

寻求报道，请

关键词

Visual Studio Code JavaScript 插件代码编辑器

分享至微信：

相关工具

AskCodi

你的个人AI编程助手

Tabnine

AI代码自动补全编程助手

JamGPT

AI Debug调试助手

Hocoos

无代码AI智能在线快速创建网站

CodeSnippets

AI代码生成、补全、分析、重构和调试

aiXcoder

自然语言到代码的方法级代码生成，以及多行智能代码补全

人工智能的应用：风险与监管

人工智能的应用：风险与监管近年来，人工智能（AI）技术的发展突飞猛进，应用场景越来越广泛。然而，随着AI技术的深入应用，相关的风险也开始暴露出来，比如肖像权侵犯、知识产权侵权、法律风险等。如何加强对AI技术和应用的监管，成为了全球范围内的重要议题。肖像权侵犯随着AI技术的发展，生成式AI（AIGC）

分类标签人工智能风险监管

11-10 16:32

VSCode扩展推荐

VSCode扩展推荐Visual Studio Code是一款由Microsoft提供的免费源代码编辑器，它具有对TypeScript，JavaScript和Node.js的内置支持。本文将为您介绍一些最有用的VSCode扩展，以及它们的功能和优点。GitLensGitLens是一款非常流行的VSC

分类标签 VSCode扩展工具

10-28 02:14

使用软件开发生产线CodeArts发布OBS，函数工作流刷新CDN缓存-云社区-华为云

使用软件开发生产线CodeArts发布OBS，函数工作流刷新CDN缓存-云社区-华为云本文分享自华为云社区《使用软件开发生产线CodeArts发布OBS，函数工作流刷新CDN缓存-云社区-华为云》，介绍了如何使用CodeArts构建流水线，通过PUSHMarkdown来发布文章，然后自动部署到OBS

分类标签华为云软件开发CDN缓存

10-25 10:13

AIGC技术对工业软件的应用及市场前景

AIGC技术的概念和应用场景...AIGC技术在工业软件方面的应用...市场前景和发展趋势...AIGC技术面临的挑战...

分类标签 AIGC人工智能工业软件

10-25 10:12

Meta开源文本生成代码模型CodeLlama

Meta开源文本生成代码模型CodeLlamaMeta在官网正式开源了文本生成代码模型CodeLlama。CodeLlama模型通过特定代码数据预训练、微调而成，支持文本或代码生成、调试和完成任务。CodeLlama是基于Meta最强开源大语言模型Llama2开发而成，提供了70亿、130亿、340

分类标签 MetaCodeLlama开源文本生成代码模型

10-18 10:30

程序员摸鱼神器来了！AmazonCodeWhisperer AI代码辅助工具

程序员摸鱼神器来了！AmazonCodeWhisperer AI代码辅助工具AI技术发展得如此迅速，现在连聊天和画图都不在话下了，更别说码农写代码的工作了。只需要输入一行提示，AmazonCodeWhisperer就能自动帮你补全代码，速度快，准确率高得惊人。AmazonCodeWhisperer是

分类标签程序员摸鱼神器AI代码辅助工具AmazonCodeWhisperer编程语言

10-18 10:12

推荐6款好用的IDE工具

CloudToolkitCloudToolkit是一款IDE插件，可以帮助开发者更高效地开发、测试、诊断并部署应用。通过CloudToolkit，开发者能够方便地将本地应用一键部署到任意机器（本地或云端），并内置Arthas诊断、高效执行终端命令和SQL等，提供IntelliJIDEA版，Eclip

分类标签 CloudToolkitJetbrainsOpenSumiAtomFIDENetBeans

10-18 10:10

8款高效的VSCode插件

8款高效的VSCode插件VSCode是这近几年非常热门的开发工具，它让开发效率大大提升。今天，快快小编就来介绍8款高效的VSCode插件，总有一款适合你。1、GitLensGitLens能够增强VisualStudioCode中内置的Git功能。它不仅能帮助你通过Gitblame注解直观地看到代码

分类标签 VSCode插件GitLenslocalhistoryESLintPrettiervscode-iconsVimVSCodechange-case

10-18 10:04

使用GPT-3在一个代码库中发现了213个安全漏洞

使用GPT-3在一个代码库中发现了213个安全漏洞近年来，人工智能和机器学习领域取得了巨大的发展，并开辟了全新的可能性领域。其中一个备受关注的领域是基于人工智能的代码分析，特别是使用人工智能模型来检测代码中的安全漏洞。本文介绍了作者使用GPT-3在一个代码库中发现了213个安全漏洞的实验结果，并与

分类标签 GPT-3安全漏洞代码库

10-15 10:12

常用VSCode插件列表

该文档列举了常用的VSCode插件列表，包括拓展、主题和个人首选项配置。一、拓展名称简述 AutoCloseTag 自动闭合HTML标签 AutoImport import提示 AutoRenameTag 修改HTML标签时，自动修改匹配的标签 BabelJavaScript babel插件，

分类标签 VSCode插件拓展主题个人配置

10-15 10:10

ChatGPT Midjourney 文心一言文心一格 bing新必应 Stable diffusion 稿定设计墨刀AI mastergo Adobe Firefly runway