vscode html注释快捷键_VSCode常用的10款插件

1. Auto Rename Tag 自动重命名标签

当你修改标签名的时候,它会自动帮你修改结束的标签名。

d9aa4da62cd61301a5b122a3366ebc95.png

2. vscode-icons 文件类型图标

此插件为各种文件提供了丰富的图标,更好的区分文件以及更加的美观

1fbb9a4ff169bab1e1174a51d45402c5.png

3.  Path Intellisense 文件路径提示

输入./时会有文件路径提示,为查找文件相对路径节省了时间。

6fb8d583b67cbab11a147730f87ecfcf.png

4.  GitLens —— Git supercharged 项目的更改都将记录在此文件中

在写代码的过程中可以看到上一次提交的信息。

55f57c7cb2c5bccc60d31a4534f7a814.png

ba73a7d2ea1775dfc627cec2f39232c2.png

5.  Image preview 可以预览当前图片

当鼠标移到图片路径上时可以预览图片。

fa12e101463575078449d5b948661aae.png

7c0ca54300622931abc6d76b7d43faf5.png

6. Live Server 浏览器实时刷新

非常适用于调试html代码,在修改代码后无需刷新浏览器。

e3d2542756f288efc30b8bdfa92b8fed.png

7. JavaScript (ES6) snippets

方便ES6代码编写

9def1d2f92ab982afe292102b3d6593e.png

8. open in browser

右键html文件,再点击Open In Other Browsers

7333905961efb9b4206b7f6d36843a9a.png

c73057fb7248e07a135ba28f251be7d0.png

9. Git History  查看git历史

快捷键:Ctrl + Shift + p  -> 输入 git log

94e6e5e869a4546ae6e740f588ec08c3.png

10. vscode-fileheader 文件顶部注释模板

可定义作者、时间等信息,并会自动更新最后修改时间。

快捷键:Ctrl + Shift + i

用户可在setting.json中设置默认项:

"fileheader.Author": "tom","fileheader.LastModifiedBy": "jerry"

b823c039eb47a72ccfad3d58735ad10a.png

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值