前端开发 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.mzph.cn/news/718070.shtml

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

相关文章

D*算法超详解 (D星算法 / Dynamic A*算法/ Dstar算法)(死循环解决--跟其他资料不一样奥)

所需先验知识(没有先验知识可能会有大碍,了解的话会对D*的理解有帮助):A*算法/ Dijkstra算法 何为D*算法 Dijkstra算法是无启发的寻找图中两节点的最短连接路径的算法,A*算法则是在Dijkstra算法的基础上加入了启发函数…

[JavaWeb玩耍日记]HTML+CSS+JS快速使用

目录 一.标签 二.指定css 三.css选择器 四.超链接 五.视频与排版 六.布局测试 七.布局居中 八.表格 九.表单 十.表单项 十一.JS引入与输出 十二.JS变量,循环,函数 十三.Array与字符串方法 十四.自定义对象与JSON 十五.BOM对象 十六.获取…

Network LSA 结构简述

Network LSA主要用于描述一个区域内的网络拓扑结构,包括网络中的路由器和连接到这些路由器的网络。它记录了每个路由器的邻居关系、连接状态以及连接的度量值(如带宽、延迟等),以便计算最短路径和构建路由表。display ospf lsdb n…

网关kong记录接口处理请求和响应插件 tcp-log-with-body的安装

tcp-log-with-body 介绍 Kong的tcp-log-with-body插件是一个高效的工具,它能够转发Kong处理的请求和响应。这个插件非常适用于需要详细记录API请求和响应信息的情景,尤其是在调试和排查问题时。 软件环境说明 kong version 2.1.4 - 2.8.3 [可用亲测]C…

二、数据结构——单链表,双链表,栈,队列,单调栈,单调队列,KMP,Trie,并查集,堆,哈希表等内容。

对于链表来说,由于new操作时间太长,因此,算法题中一般使用静态链表。 1.单链表 采用数组实现单链表,可以直接开两个数据,一个数组存放数值,另外一个数据存放下一个元素(指针)。 示…

一个教材上的CMS网站源码在Linux服务器上登录时验证码正常,但在windows下不能正常显示

一个教材上的CMS网站源码在Linux服务器上登录时验证码正常,但在windows下不能正常显示。 在linux服务器上能正常显示。显示界面如下所示:

蜻蜓FM语音下载(mediadown)

一、介绍 蜻蜓FM语音下载(mediadown),能够帮助你下载蜻蜓FM音频节目。如果你是蜻蜓FM会员,它还能帮你下载会员节目。 二、下载地址 本站下载:蜻蜓FM语音下载(mediadown) 百度网盘下载&#…

【Redis 主从复制】

文章目录 1 :peach:环境配置:peach:1.1 :apple:三种配置方式:apple:1.2 :apple:验证:apple:1.3 :apple:断开复制和切主:apple:1.4 :apple:安全性:apple:1.5 :apple:只读:apple:1.6 :apple:传输延迟:apple: 2 :peach:拓扑结构:peach:2.1 :apple:⼀主⼀从结构:apple:2.2 :apple:⼀…

【MetaGPT】配置教程

MetaGPT配置教程(使用智谱AI的GLM-4) 文章目录 MetaGPT配置教程(使用智谱AI的GLM-4)零、为什么要学MetaGPT一、配置环境二、克隆代码仓库三、设置智谱AI配置四、 示例demo(狼羊对决)五、参考链接 零、为什么…

大数据技术(一)

大数据技术概述 大数据技术层面及其功能 数据采集与预处理 利用ETL(extract-transform-load)工具将分布的、异构数据源中的数据,如关系数据、平面数据文件等,抽取到临时中间层后进行清洗、转换、集成,最后加载到数据仓库或数据集市中&…

前端canvas项目实战——简历制作网站(五):右侧属性栏(字体、字号、行间距)

目录 前言一、效果展示二、实现步骤1. 优化代码,提取常量2. 实现3个编辑模块3. 实现updateFontProperty方法4. 一个常见的用法:仅更新当前选中文字的样式 三、Show u the code后记 前言 上一篇博文中,我们扩充了线条对象(fabric.…

Dockerfile构建过程详解

Dockerfile介绍 docker是用来构建docker镜像的文件!命令参数脚本! 构建步骤: 1、编写一个dockerfile文件 2、docker build构建成为一个镜像 3、docker run 运行镜像 …

PDF转Excel的未来:人工智能技术如何提升转换效率和准确性

随着信息技术的快速发展,PDF和Excel作为两种重要的文件格式,在日常生活和工作中扮演着至关重要的角色。PDF以其独特的跨平台阅读特性,成为了文件分享和传输的首选格式;而Excel则以其强大的数据处理能力,成为了数据分析…

【二分查找】【C++算法】378. 有序矩阵中第 K 小的元素

作者推荐 视频算法专题 本文涉及的基础知识点 二分查找算法合集 LeetCode378. 有序矩阵中第 K 小的元素 给你一个 n x n 矩阵 matrix ,其中每行和每列元素均按升序排序,找到矩阵中第 k 小的元素。 请注意,它是 排序后 的第 k 小元素&…

机器人持续学习基准LIBERO系列10——文件结构

0.前置 机器人持续学习基准LIBERO系列1——基本介绍与安装测试机器人持续学习基准LIBERO系列2——路径与基准基本信息机器人持续学习基准LIBERO系列3——相机画面可视化及单步移动更新机器人持续学习基准LIBERO系列4——robosuite最基本demo机器人持续学习基准LIBERO系列5——…

力扣日记3.3-【回溯算法篇】332. 重新安排行程

力扣日记:【回溯算法篇】332. 重新安排行程 日期:2023.3.3 参考:代码随想录、力扣 ps:因为是困难题,望而却步了一星期。。。T^T 332. 重新安排行程 题目描述 难度:困难 给你一份航线列表 tickets &#xf…

关于脉冲负载应用中电阻器,您需要了解的 11 件事?

不幸的是,电阻器在脉冲负载下可能会失效。当脉冲功率耗散到器件的电阻元件时,它会产生热量并增加电阻器的温度。过热会损坏电阻元件,导致电阻变化甚至设备开路。为了避免在设计中出现这种情况,以下是您在选择元件时应了解的有关电…

excel统计分析——拉丁方设计

参考资料:生物统计学 拉丁方设计也是随机区组设计,是对随机区组设计的一种改进。它在行的方向和列的方向都可以看成区组,因此能实现双向误差的控制。在一般的试验设计中,拉丁方常被看作双区组设计,用于提高发现处理效应…

Skipped breakpoint at because it happened inside debugger evaluation亲测可用

问题描述: 在多线程项目中,在idea中打断点时,有时会遇到下面这种情况: idea左下角出现一行红底或者绿底文字提示: Skipped breakpoint at because it happened inside debugger evaluation 然后我们能感受到的就是…

HTML中自定义鼠标右键菜单

今天突然有人跟我提到了HTML中如何自定义鼠标右键菜单,这里大概记录一下吧,方便下次直接复制。免得还去看API文档。 文章目录 HTML中自定义鼠标右键菜单结果如下所示可以稍微改一下鼠标悬浮到右键菜单时的样式结果如下所示 只在某个特定的div才可以显示…