VSCode 最全实用插件

news/2025/3/5 9:37:37/

一、必备插件

🌾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.ppmy.cn/news/6196.html

相关文章

python:写你的第一个爬虫代码

什么是爬虫 爬虫spider,是指向网站或者网络发出请求,获取资源后分析并提取对自己有用的数据的程序。 request:是指用户将自己的信息通过浏览器发送给服务器。 response:服务器收到用户的请求分析后,返回的数据。 注意&…

等保2.0参与医院网络安全管理的重要性

随着现代医院 IT 技术架构的演变、新兴技术的引入,来自医院内外部的各种安全风险不断出现,对医院网络安全提出了更多挑战,医院网络安全在技术层面和管理层面都亟待完善。为此,借鉴相关法律法规、行业标准等,提出提升现…

LeetCode Hot 100~Day2

目录 三数之和 电话号码的字母组合 括号生成 合并k个升序链表 下一个排列 搜索旋转排序数组 在排序数组中查找元素的第一个和最后一个位置 组合总数 全排列 旋转图像 三数之和 题目链接:15.三数之和 示例 输入:nums [-1,0,1,2,-1,-4] 输…

python基础(25):StringIO和BytesIO 序列化

StringIO和BytesIO - 廖雪峰的官方网站 (liaoxuefeng.com) 目录 StringIO BytesIO 小结 操作文件和目录 环境变量 操作文件和目录 小结 练习 序列化 JSON JSON进阶 练习 小结 StringIO 很多时候,数据读写不一定是文件,也可以在内存中读写…

科研信息基础设施的运行治理模式研究

摘要 【目的】科研信息基础设施建设是支持科技创新、社会治理与全球合作的坚实基础,需要配套强有力的治理模式来推进实施。【方法】本研究围绕科研信息基础设施,构建了包括组织模式、服务模式和运营模式在内的三维治理框架,遴选了国内外十余个案例进行比较分析。【结果】科研…

[思维模式-12]:《如何系统思考》-8- 工具篇 - 因果回路图/系统循环图/系统控制图,系统思考的关键工具

目录 第1章 因果回路图概述 1.1 什么是因果回路图 1.2 反馈回路 第2章 因果图的组成 2.1 回路 2.2 变量 2.4 连接 > 不同变量之间的函数关系 2.5 增强回路 2.6 调节回路 2.7 时间延时 第3章 因果图的用途与应用 3.1 因果图的价值 3.2 因果图的用途 第4章 因果图…

SpringBoot 结合 MyBatis-Plus 配置多数据源以及结合 p6spy 打印 SQL 日志

title: SpringBoot 结合 MyBatis-Plus 配置多数据源以及结合 p6spy 打印 SQL 日志 date: 2022-12-23 11:23:16 tags: SpringBootMyBatis-Plus categories:开发技术及框架 cover: https://cover.png feature: false 1. 配置多数据源 官网:多数据源 | MyBatis-Plus …

spring之Bean的生命周期

文章目录一、Bean的生命周期之五步1、准备User类2、spring配置文件3、测试类4、运行结果二、Bean的生命周期之七步1、实现BeanPostProcessor类2、配置文件3、运行结果:三、Bean的生命周期之十步1、点位12、点位23、点位3四、Bean的作用域一、Bean的生命周期之五步 …