前端开发 VSCode 插件推荐

1、Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

VS Code 的中文(简体)语言包,此中文(简体)语言包为 VS Code 提供本地化界面。

下载地址:Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code - Visual Studio Marketplace

2、GitHub Copilot

你的 AI 编程搭档。在你的集成开发环境中实时获得代码建议。

 下载地址:GitHub Copilot - Visual Studio Marketplace

GitHub Copilot 会在你编写代码时提供来自 AI 配对程序员的自动补全式建议。你可以通过开始编写想要使用的代码,或编写自然语言注释描述代码要实现的功能来接收 GitHub Copilot 的建议。

您的代码属于您。我们遵循《隐私声明》中规定的责任做法,确保您的代码片段不会被用作GitHub Copilot其他用户的建议代码。

GitHub Copilot 能为你做什么?
1、将注释转换为代码

GitHub Copilot使用了一种经过大量公开源代码训练的GPT-3的特殊版本。它擅长编写自然语言,也擅长编写代码,因此实际上它可以为您完成注释。在下面的示例中,我们首先让它完成我们的解释,然后,逐行通过代码,我们执行了刚才用英文所说的内容。

2、创建单元测试 

GitHub Copilot 的一个重要用例是将编写单元测试的一些繁琐工作去除。在下面的例子中,我们已经实现了一个计算两个列表共同前缀的函数,并且我们想要对其进行测试。为了做到这一点,我们导入了单元测试包,然后开始编写一个测试函数,让 Copilot 生成断言,我们只需按Tab键就可以接受。

3、创建一个SQL查询

比用Go语言生成代码更酷的是什么?答案是使用嵌入SQL的Go语言!要让 GitHub Copilot 做到这一点,只需向它展示用 CREATE TABLE 语句编写的模式。然后,它将很好地在Go语言中编写一个嵌入的查询,并将结果转换为你自己编写的Go类:

3、ChatGPT GPT-4 - Bito AI Code Assistant 

顶级 AI 代码助手和开发者辅助。支持 GPT-4 和 GPT Turbo 3.5 模型,用于更智能、更快速的 AI 代码生成、测试创建、代码编辑、代码解释等。获得亚马逊、苹果、谷歌等 10 万多名开发者的信任。提供付费计划选项,永久免费,无需 API 密钥。 

下载地址:ChatGPT GPT-4 - Bito AI Code Assistant - Visual Studio Marketplacehttps://marketplace.visualstudio.com/items?itemName=Bito.Bito

4、Code Runner

为多种语言运行代码段或代码文件:C、C++、Java、JavaScript、PHP、Python、Perl、Perl6、Ruby、Go、Lua、Groovy、PowerShell、BAT/CMD、BASH/SH、F#脚本、F#(.NET核心)、C#脚本、C#(.NET核心)、VBScript、TypeScript、CoffeeScript、Scala、Swift、Julia、Crystal、OCaml脚本、R、AppleScript、Elixir、Visual Basic。NET、Clojure、Haxe、Objective-C、Rust、Racket、Scheme、AutoHotkey、AutoIt、Kotlin、Dart、Free Pascal、Haskell、Nim、D、Lisp、Kit、V、SCSS、Sass、CUDA、Less、Fortran、Ring、Standard ML、Zig、Mojo和自定义命令。

下载地址:Code Runner - Visual Studio Marketplace

5、CodeSnap

在VS Code中为你的代码拍摄精美的屏幕截图!

下载地址:CodeSnap - Visual Studio Marketplace

6、Color Highlight 

这个扩展程序会调整您文档中发现的 CSS/Web 颜色样式。

下载地址:Color Highlight - Visual Studio Marketplace

7、 ESLint Chinese Rules

ESLint 规则中文辅助提示插件,帮助更便捷的查询引用的规则,理解规则。

  • 支持eslint官方规则
  • 支持eslint-vue-plugin规则
  • 支持eslint-plugin-react规则

鼠标悬停在 ESLint 诊断错误的地方,打开惊喜小提示,点击蓝色提示,方便的跳转文档地址。

8、 GitLens — Git supercharged

GitLens是一款终极工具,可让您轻松使用Git,旨在通过一套强大的工具帮助您和您的团队更好地理解、编写和审查代码,从而提高专注度、生产力和协作能力。

下载地址:GitLens — Git supercharged - Visual Studio Marketplace

9、 Import Cost

此扩展程序将在编辑器中以内联方式显示导入程序包的大小。扩展程序利用webpack来检测导入的大小。

下载地址:Import Cost - Visual Studio Marketplace

10、indent-rainbow 

一个简单的扩展,使缩进更易读,这个扩展将您文本前的缩进部分着色,每个步骤交替使用四种不同的颜色。有些人可能发现它对编写 Python、Nim、Yaml 代码,甚至可能对与缩进无关的文件类型都有帮助。

注意:从 8.0.0 版本开始,这个扩展也可以在 vscode-web(github.dev)上使用。

下载地址:indent-rainbow - Visual Studio Marketplace

 

11、Jest Runner

从右键菜单中简单地运行或调试单个(或多个)测试的方法。

下载地址:Jest Runner - Visual Studio Marketplace

12、Live Server 

启动一个带有静态和动态页面实时重新加载功能的开发本地服务器。

下载地址:Live Server - Visual Studio Marketplace

13、通义灵码

通义灵码,是一款基于通义大模型的智能编码辅助工具,提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码注释生成、代码解释、研发智能问答、异常报错排查等能力,并针对阿里云 SDK/API 的使用场景调优,为开发者带来高效、流畅的编码体验。

  • 兼容 Visual Studio Code、JetBrains IDEs 等主流 IDE;
  • 支持 Java、Python、Go、C/C++/C#、JavaScript、TypeScript、PHP、Ruby、Rust、Scala 等主流编程语言。

下载地址:TONGYI Lingma - Visual Studio Marketplace

14、VSCode React Refactor 

重新组织你那些臃肿的JSX,不必担心提供的数据。这个简单的扩展为React开发人员提供了JSX重构代码操作。

  • 将 JSX 代码部分提取到一个新的类或函数组件中。
  • 支持 TypeScript 和 TSX
  • 适用于类、函数和箭头函数
  • 处理关键属性和函数绑定
  • 兼容 React Hooks API

15、Codelf(变量命名神器)

从Github、Bitbucket、Google Code、Codeplex、Sourceforge、Fedora Project、GitLab等项目中搜索,找到真实世界中使用的变量名。

用法

Select text, right-click and select "Codelf"

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/508439.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

六、矩阵问题

73、矩阵置零(中等) 题目描述 给定一个 m x n 的矩阵,如果一个元素为 0 ,则将其所在行和列的所有元素都设为 0 。请使用 原地 算法。 示例 1: 输入:matrix [[1,1,1],[1,0,1],[1,1,1]] 输出&#xff1a…

使用query请求数据出现500的报错

我在写项目的时候遇到了一个问题,就是在存商品id的时候我将它使用了JSON.stringify的格式转换了!!!于是便爆出了500这个错误!!! 我将JSON.stringify的格式去除之后,它就正常显示了&…

可视化管理的kanban插件 | Obsidian实践

继上一篇文章之后,有朋友提问说: 刚好,关于kanban插件的素材,是之前一早就准备好的,便快速整理成文,简单分享一下个人实践。 Prompt:项目流程管理看板,色彩鲜艳。by 通义万象 看板管…

计算机网络-第2章 物理层

本章内容:物理层和数据通信的概念、传输媒体特点(不属于物理层)、信道复用、数字传输系统、宽带接入 2.1-2.2 物理层和数据通信的概念 物理层解决的问题:如何在传输媒体上传输数据比特流,屏蔽掉传输媒体和通信手段的差…

pywin32,一个超强的 Python 库!

更多Python学习内容:ipengtao.com 大家好,今天为大家分享一个超强的 Python 库 - pywin32。 Github地址:https://github.com/mhammond/pywin32 在Python的世界里,有许多优秀的第三方库可以帮助开发者更轻松地处理各种任务。其中&a…

前端 JS 经典:Content-type 详解

1. 什么是 Content-Type Content-Type 是 HTTP 协议中的一个请求头或响应头字段,用于指示发送或接收的实体的媒体类型,告诉服务器或客户端如何解析和处理请求或响应的主体部分。 2. Content-Type 的构成 Content-Type 由两部分组成:媒体类型…

十五 超级数据查看器 讲解稿 外观设置

十五 超级数据查看器 讲解稿 外观设置 视频讲座地址 讲解稿全文: 大家好,今天讲解超级数据查看器,详情界面的外观设置。 首先,我们打开超级数据查看器。 本节课以成语词典为例来做讲述。 我们打开成语词典这个表,随便选一条记录点击&#x…

Flink 定义 Temporal Table 的两种方式:Temporal Table DDL 和 Temporal Table Function

博主历时三年精心创作的《大数据平台架构与原型实现:数据中台建设实战》一书现已由知名IT图书品牌电子工业出版社博文视点出版发行,点击《重磅推荐:建大数据平台太难了!给我发个工程原型吧!》了解图书详情,…

20240301基于机器学习的低热导率多孔石墨烯设计

Name: Machine learning-based design of porous graphene with low thermal conductivity DOI: https://doi.org/10.1016/j.carbon.2019.10.037 总结:所有库训练CNN,证明可行,然后对同孔隙率结构,进行迭代…

整理的一些脑模板及节点的名称

整理的一些脑模板及节点的名称 前言模板简介AAL90模板HOA112 模板 前言 自己看论文找的,因为有些数据集网站的确有点难找到模板的名称等等。所以主要是看一些论文,因为有文献,所以更有保障一些。当然也有一些在数据网站上比较容易找到所以一…

挑战杯 基于深度学习的中文情感分类 - 卷积神经网络 情感分类 情感分析 情感识别 评论情感分类

文章目录 1 前言2 情感文本分类2.1 参考论文2.2 输入层2.3 第一层卷积层:2.4 池化层:2.5 全连接softmax层:2.6 训练方案 3 实现3.1 sentence部分3.2 filters部分3.3 featuremaps部分3.4 1max部分3.5 concat1max部分3.6 关键代码 4 实现效果4.…

2024.3.1

机械臂 #include<myhead.h> #define SER_IP "172.20.10.5" //服务器ip #define SER_PORT 8888 //服务器端口号 #define CLI_IP "192.168.111.154" //客户端IP #define CLI_PORT 9999 //客户端端口号int main(int argc, const char *argv[]) {int c…