推荐一些VSCode本人用到的好用的插件，其实也是给我自己做一个备份
插件不是越多越好，插件装的太多可能会造成冲突
Auto RenameTag
比如你想把一对p标签改成div，只需更改一个div，它可以自动把你匹配的另一个标签一起更改
Bracket Pair Colorizer
彩虹色的括号，自动给匹配的括号添加上颜色，方便区分
image.png
Code Spell Checker
极力推荐！代码拼写和单词拼写的检测插件，麻麻再也不用担心我打错单词了
比如本人经常将list拼错，有了这个插件就没问题了。还有如果你的命令没有按照短横线或者驼峰式的命名，它也会波浪线提示
image.png
CodeIf
是一个用来给变量命名的插件。
其实这个插件不装也没问题，装了之后你只需先选中你要命名的单词，然后右键打开，就会跳转到一个网站，这个网站就会给你提供很多建议的命名。也就是自动复制而已
网站 https://unbug.github.io/codelf/
CSS peek
快速查看关于这个类名的定义
貌似必须是外部引入的css文件，装完记得重启vscode
image.png
EditorConfig for VS Code
统一代码风格工具
还能设置当前工作区或者指定文件类型的tab健缩进4个空格，另一个工作区或者指定文件类型缩进2个空格。
详情请看 https://blog.csdn.net/Gabriel_wei/article/details/90286668
Live Server
可以以局域网的方式运行html文件，每次保存都会自动刷新浏览器
同一局域网下，其他电脑可以通过ip:端口的方式访问你的工作区，手机也行，可以实时查看真手机端效果
open in browser
用默认浏览器打开运行HTML文件
可以手动设置默认的浏览器，直接在设置搜索 Open-in-browser: Default ，
image.png
one dark pro
个人比较喜欢的VsCode主题，更多的可以去百度查找
image.png
其实Vscode默认也有路径提示，但是一定要以./或者.//的方式开头
image.png
后续发现更好用的插件将持续更新~
