VSCode 最全实用插件

news2024/11/16 18:02:50

一、必备插件

🌾Chinese(中文)

Settings Sync(配置同步到云端) 

可以让我们的vscode配置同步到云端,当我们跟换电脑或者再次安装vscode的时候,只需要登录账号即可同步配置了

 wakatime(编程时间及行为跟踪统计)

 

二、效率神器

✨HTML Snippets(代码提示)

HTML代码片段,该插件可为你提供html标签的代码提示,不用键入尖括号了

Auto Close Tag(自动闭合标签)

自动闭合HTML/XML标签

Bracket Pair Colorizer(括号做颜色区分) 

不过此扩展现已经内置到VsCode里面了。不需要再安装了。

Live Preview(VSCode里面打开浏览器) 

可以在vscode里面打开浏览器,一边编码一边查看

REST Client(接口调试) 

可以在vscode里面进行接口调试,提供丰富的api配置方式,让我们不用离开编辑器也可以随时调用接口调试

新建一个.http文件,写下基本的测试代码,点击 Send Request即可在右边窗口查看接口返回结果,非常nice

CSS Peek(css样式查看器) 

Partial Diff(文件比较) 

open in browser(快速打开html文件到浏览器预览)
快速打开html文件到浏览器预览

Path Intellisense(快速引入文件)
自动提示文件路径,支持各种快速引入文件

 

Image preview(预览图片)
鼠标悬浮在链接上可及时预览图片

三、Git集成

GitHub Pull requests( 查看和管理GitHub拉取请求和问题)

在Visual Studio Code中查看和管理GitHub拉取请求和问题

Git Graph(Git 图形化显示和操作) 

GitLens(快速查看更改行或代码块的对象)

GitLens可以帮助您更好地理解代码。快速查看更改行或代码块的对象

GitHistory(可查看和搜索git日志以及图形和详细信息) 

GitHistory可查看和搜索git日志以及图形和详细信息,同时还支持分支比较,分支管理等操作 

四、美化

(黑白两款皮肤)

vscode-icons(漂亮的目录树图标主题) 

Beautify(右键鼠标一键格式化) 

在代码文件右键鼠标一键格式化 html,js,css

Vetur(官方钦定Vue插件)

 

VScode官方钦定Vue插件,Vue开发者必备。内含语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger等实用功能 

 

 

 

 

 

 

 

 

 

 

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

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

相关文章

Linux_日志

1.日志的介绍 1.日志文件是重要的系统信息文件 ,其中记录了许多重要的系统事件,包括用户的登录信息、系统的 启动信息、系统的安全信息、邮件相关信息、各种服务相关信息等。 2.日志对于安全来说也很重要 ,它记录了系统每天发生的各种事情,通过日志来检查错误发生的…

Golang 【basic_leaming】3 流程控制

阅读目录Go 语言 if else (条件判断)Go 语言 if else 条件判断代码示例if 的特殊写法Go 语言 for(循环)for 循环 - 初始语句for 循环 - 条件表达式1 更美观的死循环写法2 只有一个条件的 for 循环for 循环 - 结束语句Go 语言 for range (键值循环)for ra…

前端自动化测试精讲

单元测试 端对端测试 持续集成方案,在项目中落地前端自动化测试 作者介绍 祯民,字节跳动前端开发工程师,掘金小册《SSR实战:官网开发指南》作者,公众号「祯民讲前端」作者。曾负责 抖音前端技术团队官网 和 字节官网…

RV1126笔记十二:实现RTMP单路拉流

若该文为原创文章,转载请注明原文出处。 一、介绍 相比推流,拉流就简单了一点,只需要连接RTMP服务器,获取流,把数据解码出来显示和播放就可以,使用的是易百纳板子,测试时音频输出是不正常的,所以只解析了视数据,不处理音频。如果想测试音频,建议用其他开发板,正点…

TikTok 加速团结独立站,跨境电商的又一次红利期?

TikTok近年来在国际上非常流行。2021年8月,TikTok的全球下载量首次超过Facebook,成为全球最大的下载量。TikTok的诞生打破了海外社交媒体的垄断,TikTok营销成为许多跨境卖家的重点之一。 封号事件发生后,许多跨境卖家开始向独立站…

我的周刊(第071期)

我的信息周刊,记录这周我看到的有价值的信息,主要针对计算机领域,内容主题极大程度被我个人喜好主导。这个项目核心目的在于记录让自己有印象的信息做一个留存以及共享。🎯 项目Free-TVUrl-Merge[1]免费 TvBox 影视站聚合&#xf…

H7068 DIGITAL SYSTEMS AND MICROPROCESSOR DESIGN: COURSEWORK 2022 verilog-仿真

内容: 给cpubank写testbench: 1.the testbench have test a variety of operations the sequence described: i) Reset: The test bench should first reset the register bank. The reset is synchronous. It should also set rrd1, rrd2, d, rwr, rwren to zero. ii) Stor…

自然语言处理NLP——图神经网络与图注意力模型(GNN、GCN、GAT)

目录 系列文章目录 一、图神经网络 1.图与图嵌入 2.GNN动机 2.1 CNN的缺陷与非结构性数据 2.2 图嵌入的缺陷 3.GNN详解 3.1 GNN简介 3.2 GNN模型 3.3 GNN框架 3.4 GNN局限与优化 二、图卷积神经网络 1.卷积 2.GCN详解 2.1 GCN动机 2.2 GCN简介 2.3 GCN思想与模…

前端(htmlCSSJavaScript)基础

关于前端更多知识请关注官网:w3school 在线教程全球最大的中文 Web 技术教程。https://www.w3school.com.cn/ 1.HTML HTML(HyperText Markup Language):超文本标记语言 超文本:超越了文本的限制,比普通文本更强大。除了文字信息…

Xcode 如何在 silicon Mac 上调试 iOS 版本的 App

功能需求 自从 M1 处理器 Mac 推出以后,我们可以用原生方式在 silicon Mac 系统上运行 iPhone 或 iPad 上的 App。 然而,当发现上架后的 iPhone / iPad App 在 silicon Mac 上运行表现异常时,我们如何在 Xcode 中调试它们呢?比如:在 silicon Mac 中 SwiftUI 弹出的 shee…

跳表Skiplist

介绍 对于有n个元素的链表,会分成log(n1),比如下图为四层,最下面是所有元素都有,往上面走隔着空元素越来越少,保证查询效率为logn 如何插入元素: 最关键的就是新插入的节点应该跨越多少层**——>由抛硬…

解析 Navicat 最受欢迎的功能 | SQL 查询编辑器与 SQL 创建工具

近期发起的线上投票调查中,我们很高兴地看到:SQL 查询编辑器、SQL 创建工具已成为用户最常用的功能之一,并且深受用户欢迎!在人类社会发展的历史长河中,离不开工具的演进与发展。而 Navicat 作为领先的数据库管理开发工…

setContentView学习(一)

setContentView流程分两种情况,一种是继承自Activity的情况,另一种是继承自AppCompatActivity的情况,下面分别介绍。 先说继承自Activity的情况,源码为android-30 public class Activity extends ContextThemeWrapper {public void setContentView(Lay…

【综合】简单加解密——寻找序列号

【综合】简单加解密——寻找序列号 下面文字对你可能有用(复制粘贴): #include <stdlib.h> #include <string.h> #include “malloc.h” #define MaxPass 66 // 最多66段密文 #define NumbPwdTable 5 // 密码表的份数 #define SizePwdTable 0x210 // 每份密码表占…

Hulu | 圣诞剧集推荐(2022)

Happy Holidays&#xff01;寒冷的冬日&#xff0c;迎接我们的不仅仅有礼物、欢笑和香气扑鼻的热红酒&#xff0c;还有新上映的节日大片&#x1f3ac;。每每想到节日电影&#xff0c;我们的脑海中总会浮现出真爱至上、小鬼当家这样的经典节日老片&#xff0c;但如果今年的你准备…

前端小知识:赋予变量默认值(逻辑与运算符、空值合并运算符、逻辑空运算符)

8. 逻辑与运算符、空值合并运算符、逻辑空运算符&#xff08;可用赋予默认值&#xff09; &#xff08;空值合并运算符&#xff09;官方文档&#xff1a; https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing   &#xff08;逻辑…

搭建VScode在Windows的ubuntu子系统下开发环境

大家一般都是装的windows系统&#xff0c;但是要学习linux C后台开发&#xff0c;又不想装linux&#xff0c;也没有另一台机器。 windows11的应用商城有ubuntu可以安装&#xff0c;因此&#xff0c;我们可以用vscode远程ubuntu进行c的开发 1&#xff0c;安装vscode 微软官网安…

【Pycharm教程】在 PyCharm 中使用 Vim 编辑器 (IdeaVim)

IdeaVim插件在 PyCharm 编辑器中模拟 Vim&#xff0c;包括普通、插入和可视模式、命令行和 Ex 模式、Vim 正则表达式和配置以及其他功能。 安装 IdeaVim 插件 1.在Settings/Preferences对话框 ( CtrlAltS) 中&#xff0c;选择Plugins。 2.在Marketplace中找到IdeaVim插件&…

RabbitMQ 第一天 基础 5 Spring 整合RabbitMQ 5.4 Spring 整合 RabbitMQ【配置详解】

RabbitMQ 【黑马程序员RabbitMQ全套教程&#xff0c;rabbitmq消息中间件到实战】 文章目录RabbitMQ第一天 基础5 Spring 整合RabbitMQ5.4 Spring 整合 RabbitMQ【配置详解】5.4.1 配置详解第一天 基础 5 Spring 整合RabbitMQ 5.4 Spring 整合 RabbitMQ【配置详解】 5.4.1 配…

由SOFARPC示例介绍基本流程和基础源码

由SOFARPC示例介绍基本流程和基础源码 1. Server 先看 Server 端测试方法&#xff1a; public class QuickStartServer {public static void main(String[] args) {ServerConfig serverConfig new ServerConfig().setProtocol("bolt") // 设置一个协议&#xff0…