一、Auto Rename Tag
效果：修改一对标签的其中一个时，同时修正另一个标签。
例：现有 <head></head>，若我将前面一个标签<head>改成<headdd>，后一个标签自动匹配成</headdd>
这样当我们修改标签，若前后两个标签跨度很大时，不需要找到前后两个标签的位置，只需要找到其中一个并修改即可，不会有修改了错误标签的烦恼。
二、view-in-browser
效果：在浏览器中运行文件，比左边的 运行和调试 方便，直接打开在系统默认浏览器中。
在html文件窗口右键后，点击View In Browser 。
三、Live Server
效果：修改代码内容时，浏览器页面实时更新。
方法一：点击右下角按钮
点击后就会在浏览器中打开一个页面，并但代码改变时，页面实时更新
再次点击，则实时更新关闭。
方法二：在html文件窗口右键后，点击Open with Live Server。
提示：若两个方法都无效，找到快捷方式，打开属性，再点击高级，默认管理员身份运行，点击确定。重启vs code后即可。
四、indent-rainbow
效果：生成多种颜色来区分不同层数的缩进
五、Dracula Theme Official
效果：吸血鬼主题 如图
六、Code Translate
效果：代码中，鼠标移到单词上会有翻译，如果遇到不认识的单词方便了解意思。
七、自动保存（非插件）
位置：设置<常用设置<Files: Auto Save
默认off, 设置成afterDelay文件将会自动保存。对忘记保存的同学很友好！！！
直接搜索 Auto Save
第二个框设置的是保存时间，文件（未被保存）500ms （0.5秒）后自动保存。
八、格式化布局（非插件）
效果：手动Ctrl + s 保存文件时，格式化代码布局，修改缩进，间距
前：
后：
扫一扫
2143
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
