工欲善其事必先利其器(vscode插件配置、起飞)

OKX欧易app

OKX欧易app

欧易交易所app是全球排名第一的虚拟货币交易所,注册领取6万元盲盒礼包!

APP下载   官网注册
Chinese(Simplified) Language Pack for Visual Stidio Code 中文汉化包

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

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

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

Live Server 实时预览

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

Auto Close Tag 自动闭合标签。

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

Auto Rename Tag 闭合标签同步修改

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

Highlight Matching Tag 高亮显示匹配标签

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

Vscode-icons VSCode 文件图标

采用图标来区分文件

TODO Highlight 标记

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

Code Spell Checker 单词检查

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


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

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


拓展插件

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

Vscode-element-helper

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

Vetur VUE插件

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

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

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

主题

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

Dracula Official 吸血鬼主题

One Dark Pro

本站所有软件信息均由用户上传发布,版权归原著所有。如有侵权/违规内容,敬请来信告知邮箱:764327034@qq.com,我们将及时撤销! 转载请注明出处:https://www.ssyg068.com/kuaixun/2234.html

打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2024年06月24日
下一篇 2024年06月24日

相关推荐

  • VisualStudio Code使用心得与常用插件技巧大全

    作者:极客小俊一个专注于web技术的80后你不用拼过聪明人,你只需要拼过那些懒人 你就一定会超越大部分人!进入正题!1. 卸载vs code、及安装的插件和个人配置信息第一步: 卸载软件 注意:此步骤虽然删掉了应用软件,但是此时重新安装会发现之前下载的插件和个人配置信息都还会重

    2024-06-13 07:00:01
    5420 0

发表回复

8206

评论列表(0条)

    暂无评论

binance币安交易所
已有2000万用户加入币安交易所

立即下载