用vscode有哪些必备的插件(工欲善其事必先利其器)

Chinese(Simplified) Language Pack for Visual Stidio Code 中文汉化包

对于开发来说英文是令人头疼的一件事,尤其是在看不懂的情况下,这个汉化包可以把整个vscode换成你熟悉的中文,不需要任何额外的集成,按快捷键Ctrl Shift P调出命令面板,输入Configure Display Language,选择zh-ch,然后重启vs Code即可。

用vscode有哪些必备的插件(工欲善其事必先利其器)(1)

open-in-browser 在浏览器中运行当前文件

有的时候需要运行当前文件到浏览器,但是vscode没有内置的浏览器,这个时候open-in-browser就很关键了、可直接在浏览器运行当前页面、不用重启整个项目。

用vscode有哪些必备的插件(工欲善其事必先利其器)(2)

Live Server 实时预览

安装这个插件之后,就实现了热更新,按Ctrl S保存,修改效果就会实时同步,显示在浏览器中,再不用手动刷新。

用vscode有哪些必备的插件(工欲善其事必先利其器)(3)

Auto Close Tag 自动闭合标签。

在普通的html中可以不用结束标签、但是在xml中是有严格要求的、这个插件就起到很大的作用了、自动提示结束标签。

用vscode有哪些必备的插件(工欲善其事必先利其器)(4)

用vscode有哪些必备的插件(工欲善其事必先利其器)(5)

Auto Rename Tag 闭合标签同步修改

用vscode有哪些必备的插件(工欲善其事必先利其器)(6)

用vscode有哪些必备的插件(工欲善其事必先利其器)(7)

Bracket Pair Colorizer 不同主题的高亮括号

用vscode有哪些必备的插件(工欲善其事必先利其器)(8)

用vscode有哪些必备的插件(工欲善其事必先利其器)(9)

Highlight Matching Tag 高亮显示匹配标签

这个插件自动帮我们将选中的匹配标签高亮显示,再也不用费劲查找了。

用vscode有哪些必备的插件(工欲善其事必先利其器)(10)

Vscode-icons VSCode 文件图标

采用图标来区分文件

用vscode有哪些必备的插件(工欲善其事必先利其器)(11)

TODO Highlight 标记

其实就是标记某一段代码、后续更好的查找

用vscode有哪些必备的插件(工欲善其事必先利其器)(12)

用vscode有哪些必备的插件(工欲善其事必先利其器)(13)

Code Spell Checker 单词检查

在给变量或者方法取变量名的时候、经常会忘记单词、造成漏写,造成代码可读性变差。

用vscode有哪些必备的插件(工欲善其事必先利其器)(14)

用vscode有哪些必备的插件(工欲善其事必先利其器)(15)

GitLens 查看Git信息(提交人、提交时间)

将光标移到代码行上,即可显示当前行最近的commit信息和作者,多人开发的时候十分有用,责任到人,防止甩锅。

用vscode有哪些必备的插件(工欲善其事必先利其器)(16)

用vscode有哪些必备的插件(工欲善其事必先利其器)(17)

拓展插件

这部分主要介绍一些针对特定开发环境的插件

Vscode-element-helper

使用element-ui库的可以安装这个插件,编写标签时自动提示element标签名称。

用vscode有哪些必备的插件(工欲善其事必先利其器)(18)

用vscode有哪些必备的插件(工欲善其事必先利其器)(19)

Vetur VUE插件

用vue框架的都应该知道这个吧,Vetur对VUE提供了很好的语言支持。

用vscode有哪些必备的插件(工欲善其事必先利其器)(20)

没有安装该插件之前之前编写后缀名为.vue的文件时代码是白色的、没有补全之类的。

用vscode有哪些必备的插件(工欲善其事必先利其器)(21)

安装插件后编写vue文件输入s,按Tab键就可以自动补全模版。

用vscode有哪些必备的插件(工欲善其事必先利其器)(22)

主题

编辑器在我们看来是每天接触的东西、怎么能不给它搞件衣服呢。

用vscode有哪些必备的插件(工欲善其事必先利其器)(23)

用vscode有哪些必备的插件(工欲善其事必先利其器)(24)

Dracula Official 吸血鬼主题

用vscode有哪些必备的插件(工欲善其事必先利其器)(25)

One Dark Pro

用vscode有哪些必备的插件(工欲善其事必先利其器)(26)

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页