超实用的VS Code插件推荐

VS Code代码编辑器中提供了丰富的插件,满足不同开发者的需求。这里为大家推荐一些强大的VS Code插件,帮助你打造一个个性化的开发环境,让你的编码体验更加舒适和高效。

打开扩展模块,输入安装包名称,回车进行搜索,点击install即可无脑安装。

1. Chinese (Simplified) Language Pack

适用于 VS Code 的简体中文语言包,按照下面的“使用方法”可切换当前语言设置为中文。

2. Live Server

该插件是一个用于前端开发的扩展,它的主要作用是提供一个本地开发服务器,以便实时预览和调试网页应用程序。其最大特点在于热重载,即开发者可实时预览代码效果。每当保存HTML、CSS、JavaScript文件时,该插件会自动刷新浏览器,以便开发者可以立即看到页面的更改效果。

3. HTML CSS Support

HTML CSS Support插件提供了对 HTML 和 CSS 的智能代码补全、语法高亮、代码片段和其他辅助功能。这个插件可以帮助开发者更高效地编写 HTML 和 CSS 代码,大大缩减了编写时间。

4. Prettier - Code formatter

Beautify插件可以帮助你格式化代码,使其符合统一的编码风格。它支持多种编程语言,包括  JavaScript、TypeScript、HTML、CSS、JSON等,它会根据预设的代码风格规则,对代码进行格式化。

5. JavaScript (ES6) code snippets

该插件提供了一系列用于 JavaScript 开发的代码片段,特别是针对 ES6 语法的代码片段。你可以在编写 JavaScript 代码时使用快捷方式来快速插入常用的代码模板。这些代码片段涵盖了各种常见的 JavaScript 语法和功能,包括变量声明、函数定义、箭头函数、模板字符串、解构赋值等。

6. Path Intellisense

当你在编辑器中输入文件路径时,它会自动为你提供路径的建议和补全。

7. Auto Close Tag

Auto Close Tag插件可以自动闭合 HTMLXML 和其他类似标记语言的标签。当你输入一个开始标签时,它会自动插入相应的结束标签,并将光标定位在两个标签之间,方便你继续编写内容。

8. Auto Rename Tag

在重命名一个插件时,该插件可以帮助自动同步修改另一侧的标签。

9. Vue 3 Snippets

在 Vue 2 或者 Vue 3 开发中提供代码片段,语法高亮和格式化的 VS Code 插件,能极大提高你的开发效率。

10. Vetur

Vue 多功能集成插件,包括:语法高亮、代码补全、错误检查、智能提示、格式化、调试等。Vetur ​​​​还支持 Vue 单文件组件的编辑和预览,使开发者能够更轻松地编写和调试 Vue.js 应用程序。VS Code官方钦定Vue插件,Vue开发者必备。

11. VueHelper

VS Code最好的vue代码提示插件,不仅包括了vue2所有api,还含有vue-router2和vuex2的代码。

12. open in browser

该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Chrome,Firefox,Opera,IE以及Edge。

13. File Utils

File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。

14. Git History

Git History 是git 版本控制插件,可以帮助你查看和浏览 Git 版本控制的提交历史。通过 Git History 插件,你可以轻松地查看每个提交的详细信息,包括作者、提交时间、提交消息等。你还可以比较不同提交之间的文件差异,查看文件的修改内容。此外,Git History 还提供了一些其他功能,如查看分支、切换提交、还原文件等。这个插件对于团队协作或个人开发中的版本控制非常有用,可以帮助你更好地了解项目的演变和历史记录。

15. GitLens

GitLens 插件可以为你的 Git 体验增添许多强大的功能。通过 GitLens 插件,你可以在编辑器中直接查看和浏览 Git 版本控制的相关信息。它会在代码的每一行旁边显示作者、最后一次修改的时间以及提交的消息等信息,让你更方便地了解代码的来源和修改历史。此外,GitLens 还提供了一些其他功能,如查看文件的 Blame 注释、比较不同提交之间的差异、查看分支和标签等。它还集成了一些快捷命令,可以帮助你更快速地进行 Git 操作,如提交、拉取、推送等。

16. Image preview

Image preview 插件可以在编辑器中实时预览图像文件,方便开发者在编写代码时查看图像的内容和效果。

17. CSS Peek

CSS Peek插件可帮助你在编辑器中快速查看和导航 CSS 样式。当你在 HTML 文件中选择一个 class 或 id 时,使用 CSS Peek 插件可以方便地跳转到对应的 CSS 样式定义处。它会在编辑器的侧边栏或者弹出窗口中显示相关的 CSS 代码,让你可以直接查看和编辑样式。这个插件还提供了一些其他功能,如查看 CSS 选择器的使用情况、查找相关的样式定义等。

18. Import Cost

Import Cost插件可实时显示代码中导入模块包的大小,对于优化前端项目的性能和加载速度非常有帮助。在导入模块语句的代码行旁边现实该模块的大小信息。

19. Better Comments

该插件它提供了更强大的代码注释功能,通过在注释前添加特定的标记来给注释分类和着色,使你能够更好地组织和标记你的注释。

20. Regex Previewer

该插件可以帮助你在编辑正则表达式时实时预览匹配结果。它会在编辑器的侧边栏中显示一个实时预览窗格,其中会显示匹配结果的高亮显示。该插件支持多种正则表达式语法,包括JavaScript、Python、Java 等常见的语法。你可以根据需要选择适合你的语法类型。

21. Code Spell Checker

该插件是个拼写检查器,比如 value 单词写错成 vallue ,会提示你是否修改成 value ,也可以将 vallue 添加至检查器的字典中。

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

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

相关文章

【WSL】常用命令

文章目录 启动 WSL列出 Linux 发行版安装 Linux 发行版设置默认的 Linux 发行版卸载 Linux 发行版更新 WSL检查 WSL 状态启动和关闭 WSL跨系统文件访问其他命令 Windows Subsystem for Linux (WSL) 提供了一系列命令用于管理 Linux 发行版在 Windows 系统中的运行。下面是一些常…

【Qt之·类QVariant·数据类型】

系列文章目录 文章目录 前言一、概述二、操作及用法1.1 存储数据1.2 获取数据1.3 设置数据1.4 数据类型判断1.5 判断数据是否有效 三、实例演示总结 前言 QVariant是Qt开发中非常重要的一部分,它是Qt的一个核心类,用于处理不同数据类型之间的转换和传递。…

微服务框架Kratos学习笔记

环境配置 export GOPROXYhttps://goproxy.cn export GO111MODULEon go get -u github.com/go-kratos/kratos/tool/kratoskratos 工具安装完成 使用kratos命令创建新项目 kratos new kratos-demo看到这个提示,项目创建完成 go mod tidy 拉取项目依赖 生成所有pro…

保险研究期刊

《保险研究》创刊于1980年,是国家金融监督管理总局主管的学术性保险期刊,是中国保险学会会刊,是中文社会科学引文索引(CSSCI)来源期刊、中文核心期刊、中国人文社会科学核心期刊、人大“复印报刊资料”重要转载来源期刊…

二、从多臂老虎机看强化学习

二、从多臂老虎机看强化学习 2.1 多臂老虎机问题2.1.1 问题定义2.2.2 问题建模2.2.3 累积懊悔2.2.4 估计期望奖励 2.2 强化学习中的探索与利用平衡2.3 贪心策略2.4 上置信界算法2.5 汤普森采样算法 2.1 多臂老虎机问题 2.1.1 问题定义 在多臂老虎机(mutil-armed bandit, MAB)问…

科研绘图系列:R语言点数图(dot plot)

介绍 点数图(Dot Plot)是一种数据可视化方法,它通过在坐标轴上放置点来展示数据。每个点代表一个数据项,点的位置通常对应于数据值的大小。点数图可以有效地展示多个类别或组的数值比较,使得观察者能够快速识别出哪些类别的数值较高或较低。 加载R包 library(tidyverse…

离线升级docker中的某个镜像——以etcd为例

之前有个项目的程序统一在docker中运行,最近在做安全检查时,发现docker的部分image因为版本没有更新到最新而出现安全漏洞问题。 本贴记录linux环境中,升级docker中某个镜像的步骤,详情如下: 一、生成镜像的步骤&…

ES集成到ambari中出现的常见问题归总

1.elasticesearch用户名组的问题 KeyError: uelasticsearch Error: Error: Unable to run the custom hook script [/usr/bin/python, /var/lib/ambari-agent/cache/stack-hooks/before-ANY/scripts/hook.py, ANY, /var/lib/ambari-agent/data/command-102.json, /var/lib/amb…

Vue 邮箱登录界面

功能 模拟了纯前端的邮箱登录逻辑 还没有连接后端的发送邮件的服务 后续计划,再做一个邮箱、密码登录的界面 然后把这两个一块连接上后端 技术介绍 主要介绍绘制图形人机验证乃个 使用的是canvas,在源码里就有 界面控制主要就是用 表格、表单&#x…

常见的希腊字符及其表示方法

在 Python 中,可以通过使用 Unicode 字符、LaTeX 表示法或符号库(如 SymPy)来表示各种希腊字符。以下是常见的希腊字符及其表示方法: 常见的希腊字符及其 Unicode 字符名称Unicode 名称UnicodeΑAlpha (大写)GREEK CAPITAL LETT…

大量设备如何集中远程运维?用好向日葵的这几个功能很重要

当企业的业务不断发展,不同系统、不同用途的IT设备数量也会不断上升,面对不断扩张的设备规模,IT运维的压力自然也会陡然上升。 面对这种情况,传统的线下运维方式已经不再合适,我们需要引入一个专业的,可以…

SRC实战:无中生有的接口和参数

今天分享的这个漏洞怎么说呢,虽然也是个高危,但是其实挺简单的,一个很eazy的越权,但是我觉得多多少少还是有点意思吧。 0x00 这是一个移动端的应用程序,前面比较常规,模拟器 BP,跑了一下所有…

Linux RHEL 8.6在安装PostgreSql时提示缺少en_US.UTF-8

解释: 这个报错通常表示在Linux RHEL 8.6系统上,系统本身没有安装英文(美国)的UTF-8编码字符集。UTF-8是一种对Unicode字符集进行编码的方式,它被广泛用于支持各种语言的字符显示。 解决方法: 安装英文UT…

赋能心理大模型,景联文科技推出高质量心理大模型数据库

生成式大模型作为当前发展势头最为强劲的人工智能前沿技术,其在临床心理学领域中的创新应用已成为社会关注和医学聚焦的热点之一。 心理大模型在落地应用过程中可能面临的痛点主要包括以下几个方面: 数据隐私与安全:确保敏感的个人信息在模型…

【Java11】变量的初始化和内存中的运行机制

成员变量的初始化和内存中的运行机制 系统加载类或创建类的实例时,系统自动为成员变量分配内存空间,然后自动为成员变量指定初始值。 class Person {public String name; // 实例变量public static int eyeNum; // 类变量 }var p1 Person(); var p2 …

第9篇 区块链安全性:理解和应对常见攻击方式

亲爱的读者,欢迎来到《区块链常识:从小白到顶级行业专家》的第9章。今天,我们将一起探索区块链世界的黑暗面——安全性问题。在这个章节中,我会用最简单的语言和最生动的例子,带你了解一些常见的区块链攻击方式,并教你如何应对它们。 51%攻击 想象一下,如果你的学校里…

2024年亚太中文赛数学建模竞赛B题 洪水灾害的数据分析与预测详细思路解析

2024年亚太中文赛数学建模竞赛B题 洪水灾害的数据分析与预测详细思路解析 解题方法: 首先就是对数据进行数据的预处理包括缺失值和异常值处理,之后就是分析哪些指标与洪水的发生有着密切的关联,可以使用相关性分析(建议使用斯皮尔…

什么是OSPFv2 ?

什么是OSPF ? 开放式最短路径优先 OSPF(Open Shortest Path First)是IETF组织开发的一个基于链路状态的内部网关协议(Interior Gateway Protocol)。 目前针对IPv4协议使用的是OSPF Version 2(RFC2328)&a…

PHP框架Symfony详解

Symfony 是一个用PHP语言编写的开放源代码的Web应用框架,旨在加速Web应用程序的开发过程,提高代码的可维护性和可扩展性。以下是对Symfony框架的详细解析: 一、框架概述 1. 起源与开发者 Symfony由SensioLabs(现为Symfony公司&…

YOLO V7项目使用

YOLO V7项目使用 根据官方论文中提供的项目地址:使用git clone将项目下载到本地。 https://github.com/WongKinYiu/yolov7 git clone https://github.com/WongKinYiu/yolov7 使用pycharm打开项目,根据官方提供的requirement.txt文件下载项目启动所需要的…