IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> Visual Studio Code插件整理大全 -> 正文阅读

[开发工具]Visual Studio Code插件整理大全

1.提升效率类插件

1.1: ESLint(格式化程序和规范代码)

如果你需要格式化程序和规范代码,那么这个插件适合你。
它可以自动格式化你的代码并查找代码中的错误。

此外,它允许你在书签代码之间选择代码区域,这对于日志文件分析等非常有用。

?1.2: Git History(可视化获取?git 日志,方便对比)

与 GitLens 类似,Git History是一个 VSCode 插件,它提供了 git 日志的可视化。你不需要再终端中查看 git log。

插件也非常全面。它允许你跨提交比较分支、提交和文件。也可以查 Github 头像,挺整洁的。

推荐一个开源的git提交记录可视化查看工具,操作简单,还有本地cli可以使用,最重要的是效果炫酷,非常方便!

使用方式(两者按需选其一):

1、在github上的文件,只需要把文件路径中的github.com替换为github.githistory.xyz即可,一步到位

2、VSCode应用商店安装Git History插件

桌面打开cmd输入命令

npm install -g git-file-history

然后就可以使用这个cli查看你想要查看记录的文件:

git-file-history + 目标文件路径

这个时候就会在你本地启动一个服务,如下图:

然后浏览器就会自动打开这个地址,这样就可以查看这个文件的git提交记录啦。

1.3: CSS Peek(通过类名查看样式并支持快速跳转到对应 CSS 代码的位置)

插件你的 HTML 文件以查看你的 CSS 代码

这个插件对于前端开发人员来说是无价的。受 IDE Brackets 中类似功能的启发,CSS Peek允许你插件 HTML 和 ejs 文件以在源代码中显示 CSS/SCSS/LESS 代码。

如果你知道类或 ID 名称,它还允许你快速跳转到对应 CSS 代码的位置。

1.4:?Javascript Code Snippets(JS 代码块提示)

提供很多 JS 代码块提示,虽然 VSCode 包括内置的 JS IntelliSense,但JS 代码片段插件通过添加大量导入、导出触发器、类助手和方法触发器来增强这种体验。

该插件支持 JS、TypeScript、JS React、TS React、HTML 和 Vue。在 VSCode Marketplace 中,也可以轻松获得其他风格(例如 Angular)的代码片段。

?1.5:?Colorize(CSS 颜色可视化)

?

查看你在风格指南中使用的颜色,使用Colorize立即将 CSS/SASS/Less/… 文件中的 CSS 颜色可视化。这使得一目了然地看到你在何处使用了哪些颜色变得非常容易。

?1.6:?Code Spell Checker(代码拼写检查器插件)

让你代码不再有拼写错误,虽然拼写错误不是致命问题,但我更喜欢我的代码没有拼写错误。代码拼写检查器插件在其字典文件中无法识别的单词下划线。

该插件有许多不同的语言版本,并支持医学术语等行话。

1.7: Icon Fonts(提供各种图标供使用)

Icon Fonts提供了各种图标字体的片段,包括流行的 Font Awesome v5 图标包。

对于那些不使用 VSCode 的人,这个包也可用于 Atom 和 Sublime Text。

1.8:?Debugger For Chrome(调试js代码)

在 VSCode 中调试你的 JS 代码,由 Microsoft 开发的Debugger for Chrome允许你在 VSCode 中调试你的 JS 代码。与其他 IDE 中的调试器相反,它非常流畅。

你可以设置断点、逐步执行代码、调试动态添加的脚本等等。

1.9:?Auto Rename Tag(自动重命名标签)

虽然 VSCode 固有地突出显示匹配的标签并在你键入开始标签时立即添加结束标签,但自动重命名标签插件会自动重命名你更改的标签。

该插件适用于 HTML、XML、PHP 和 JavaScript,无需更改标签名称两次。

?1.10:?GitLens(查看代码行随时间变化)

增强你的 Git 能力GitLens 增强了Visual Studio Code 的 Git 功能。这是一个强大的插件,可让你查看代码行随时间变化的人、原因和方式以及许多其他功能。

GitLens 是一个高度可定制的插件。如果你不喜欢某个特定设置,你可以在设置中轻松将其关闭。

?更详细了解GitLens

1.11:?Image Preview(预览插入的图片)

?不知道自己是不是插入了正确的图片?试试看 Image Preview,可以预览插入的图片。

2.更改VSCode样式(优化视觉体验的各种花里胡哨操作)

2.1: Peacock(更改 VSCode 实例的颜色)

非常实用。Peacock允许你更改 Visual Studio Code 环境的颜色,因此你可以快速识别刚刚切换到的实例。

2.2:?Bracket Pair Colorizer(提供匹配颜色的左括号和右括号)

每个人都喜欢对代码着色,Bracket Pair Colorizer提供了匹配颜色的左括号和右括号,从而更容易知道哪些括号属于谁。

还可以配置自定义括号字符,你也可以为活动范围添加背景颜色。

3.修仙插件()

3.1:?LeetCode(刷题利器)

mark

mark

?4.摸鱼插件(正所谓一时摸鱼一时爽,一直摸鱼火葬场)

4.1:?VSC Netease Music----网易云音乐(程序员版)

mark

?mark

4.2:?daily anime?(追番神器)

mark

mark

  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2021-08-25 12:25:02  更:2021-08-25 12:25:32 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年12日历 -2024/12/22 19:21:33-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码