VS Code 前端开发必装插件，使用好手中的工具，让你编码如飞

待我称王封你为后i 2022-11-25 04:19 139阅读 0赞

## Chinese ##

![在这里插入图片描述][20200904151211677.png_pic_center]  
**一款能让你坦然做人的插件**

当然，并不是所有人的英语都跟我一样的菜。  
能有时间多记记单词我还是很赞成的。

## Live Server ##

![在这里插入图片描述][20200904150842156.png_pic_center]

**一款可能让你实时预览web页面的插件**

LiveServer能开启一个本地开发服务器，为静态网页和动态网页提供服务。  
安装完成后，在具体文件上右键，选择“Open with Live Server”就可以直接在浏览器上查看页面了。  
在vs code中调整了页面样式或内容，web预览页面也会自动跟新。  
对于现在前后端分类的项目来说，前端开发将方便很多。  
个人使用下来感觉比为的HBuilderX的预览功能更加nice。

## Beautify ##

![在这里插入图片描述][20200904150852536.png_pic_center]

**一款让代码变得美丽的格式化插件**

## Auto Rename Tag ##

![在这里插入图片描述][2020090710152313.png_pic_center]  
**一款快速修改标签的插件**  
你是否有过修改标签名时得首尾滚动的尴尬，有的时候还会修漏了导致报错。  
有了这款插件，你就可以快速的修改标签了，你只需要修改开头或结尾，它会帮你自动修改匹配的标签。

## Auto Close Tag ##

![在这里插入图片描述][20200904175219709.png_pic_center]  
**一款让自动补全标签的插件**  
使用了一段时间发现大部分标签VSCode本身就会自动补全。

[20200904151211677.png_pic_center]: /images/20221124/c2c74421b27d4d8cb9ec8ab3ebe90c05.png
[20200904150842156.png_pic_center]: /images/20221124/293c6a63a8034ff385ab402196fd3326.png
[20200904150852536.png_pic_center]: /images/20221124/3c922fe1dee740dca077d59707691408.png
[2020090710152313.png_pic_center]: /images/20221124/a50631d79ce24a76acd66a391be45f57.png
[20200904175219709.png_pic_center]: /images/20221124/3ecd1ff7a8fc4bbdb3e5c2190860765d.png