vscode html注释快捷键_最强编辑器 VSCode 系列之插件推荐【不定期更新】

[TOC]

前言

emsp;如果你还不知道这款最强编辑器的话,查看本站热门文章,最强编辑器 VSCode 系列之入门简介。

通用

无论你用什么语言,都会用得到的插件。

Project Manager

项目管理插件。

Path Intellisense

自动提示文件路径,支持各种快速引入文件。

Setting Sync

在不同电脑同步你的配置和插件。

vscode-fileheader

顶部注释模板,可自定义作者、时间等信息,并会自动更新最后修改时间。

Bookmarks

给 VSCode 添加书签功能。

Code Spell Checker

单词拼写检查。

Prettier formatter

VSCode 代码格式增强工具

Bracket Pair Colorizer

让不同对括号显示不同颜色,方便代码阅读。

Error Gutters

让错误、警告更加明显。

filesize

在底部状态栏显示当前文件大小。

Image preview

鼠标移到路径上显示图片预览。

Indenticator

在视觉上突出显示当前的缩进深度。

TODO Highlight/Todo Tree

添加 TODO 功能,标识一些未完成的事件。

Trailing Spaces

够迅速删除多行空白。

Polacode

更美观的代码分享方式。

前端

做网站怎么能少得了前端呢。

HTML Snippets

智能提示 HTML 标签,以及标签含义。

HTML CSS Support

智能提示 CSS 类名以及 ID。

JavaScript (ES6) code snippets

ES6 语法智能提示,以及快速输入,不仅仅支持 .js,还支持 .ts.jsx.tsx.html.vue,省去了配置其它各种支持包含 js 代码文件的时间。

jQuery Code Snippets

jQuery 代码智能提示。

Auto Close Tag

自动闭合 HTML/XML 标签。

Auto Rename Tag

同步修改 HTML/XML 另一侧标签。

Beautify

格式化 JavaScript/JSON/CSS/Sass/HTML 代码,支持自定义格式化代码规则。

open in browser

使 VSCode 支持 HTML 在浏览器中打开的功能。

HTML Boilerplate

在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构。

Color Highlight

直观显示颜色代码(各文件通用)。

SVG Viewer

实用的 SVG 程序。

Git

GitLens

Git 源代码管理插件,非常强大。

Git History

可以查看历次提交的作者、日期、Hash 值、提交内容、修改的文件等。

MarkDwon

Markdown Preview Enhanced

一款很好用的完善预览功能的插件。

Markdown Extended

增强 VSCode 自带的 MarkDown 语法和功能。

Maridown pdf

将 .md 文件转换成其他格式。

vscode-pdf

VSCode 中直接打开浏览 .pdf 格式的二进制文件。

主题

好的主题让人事半功倍。

One Dark Pro

源于 Atom 的 One Dark Theme,在配色上 One Dark Pro 要更为丰富一些。博主目前就是用的这个主题插件,不二之选。界面效果如下:

13d6d8a32e2df7573c8496c565d29c8c.png

Atom One Dark Theme

如果你对 Atom 原生的 One Dark 主题念念不忘的话,着一定是你最好的选择。奇偶面效果如下:

6479c7e74187a70f4f980b746eb9d5bb.png

Material Theme

一个简单而又干净的主题,有很多配置选项,有 5 种配色方案,并带有文件图标设计。界面效果如下:

1125d55ff8c24cd4e0c21475bc386de6.png

Monokai Pro

Monokai 原作者亲手操刀设计。Monokai Pro 让我们摆脱干扰,直接进入代码,是一套极具现代化的功能配色方案,插件带有文件图标设计。界面效果如下:

688fbd1ed4379654b91fcfd4be86c03e.png

Dracula Official

Dracula Official 是受到很高评价的一款主题,配色方案可以让人感到平静,暗淡的紫色会让你觉得它有一种特殊的魅力。插件带有文件图标设计。界面效果如下:

393d76a47705aa5851055ff597d6e4a8.png

图标

如果安装一款强大的主题还不足够,那必须选择一款精美的图标设计,才能满足你对视觉的要求了。

vscode-icons

目前在插件库的主题分类中排行第一的插件,该有的图标都有了。效果预览如下:

783d1495b7a41958749e23825c390bb1.png

Material Icon Theme

博主最喜欢的图标,延续了 Material 的扁平风格,图标设计十分精美,赏心悦目。效果预览如下:

3d9aee631f6198021041c06220874be9.png

总结

博主还有好多私藏的插件没有分享出来,会在讲解到相应的内容时一并分享的。

其他高效率软件推荐

链接原文,

最强编辑器 VSCode 系列之插件推荐【不定期更新】VSCod 插件推荐​www.huangpan.net

博主的个人网站链接,http://www.huangpan.net

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值