第一章 插件篇
Chinese(Simplied) Lang
丨 vscode中文汉化包
- 描述:这个是vscode软件中文汉化包,安装后英文版软件会变成中文版本的,注意需要关闭软件重新打开后才生效哦。
- 图标演示:
Auto Close Tag
丨 自动闭合HTML标签
- 描述:HTML标签自动闭合,我们输入完< html >后,插件会帮助我们完成后面</ html>的输入
- 图标演示:
Live Server
丨实时更新预览
- 描述:写完代码后
Ctrl + S
保存,当前文件页面在浏览器中会被自动刷新,从而减少我们测试功能时,反复刷新浏览器。 - 图标演示:
Atuo Rename Tag
丨同步修改HTML标签
- 描述:修改 html 标签后,插件自动帮你完成尾部闭合标签的同步修改。例如:修改h3标签,将3改为小一号字体4时,尾部的标签也会跟着被修改。
- 图标演示:
open in browser
丨右键打开浏览器
- 描述:安装这个插件后,在我们写完代码后,不需要在桌面或者D盘找这个文件打开,直接右键找到浏览器(默认浏览器/其他浏览器打开)打开就可以浏览网页了!
- 图标演示:
Bracket Pair Colorizer
丨括号颜色
- 描述:在我们写多个括号时不会容易混乱,阅读代码时也会有明显的效率提高。
- 图标演示:
第二章 如何卸载插件?
- 如果安装过多自己不清楚的插件,后面开发会有很多的问题出现,就比如我之前安装的
ESlist
插件,这个好像是代码规范插件,再写vue的时候经常出各种问题。所以再使用插件时不但要清楚这个插件是做什么的,也要学会在各种开发环境下增加和卸载不必要的插件。
演示: