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 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> VSCode 最全实用插件 -> 正文阅读

[开发工具]VSCode 最全实用插件

一、必备插件

🌾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等实用功能?

五、代码规范

代码风格规范类插件

Better Align(代码优雅排版)

代码优雅排版

选中代码配合组合键[Ctrl+Shift+p],输入Align即可

Better Comments(丰富注释颜色)

自定义样式,需要写入配置代码

配置代码
"better-comments.tags": [ {"tag": "*","color": "#98C379","strikethrough": false,"backgroundColor": "transparent" }]
使用// * 绿色的高亮注释复制代码TODO Tree

change-case(变量命名规范)?

JavaScript Booster(代码改进)

会提示对应的不合理原因和改进方案

?JavaScript (ES6) code snippets(智能提示与快速输入)

Code Spell Checker(拼写检查程序)

是拼写检查程序,检查不常见的单词,如果单词拼写错误,会给出警告提示?

?

?

?

?

  开发工具 最新文章
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常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-12-25 11:29:10  更:2022-12-25 11:29:26 
 
开发: 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年11日历 -2024/11/25 20:13:02-

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