前端VSCode常用插件-以及常用技巧

前端VSCode常用插件-以及常用技巧
一．VSCode常用插件
1.Chinese(Simplified)汉化
VSCode下载完毕是英文版的，先安装这个插件，改为中文版。2.Auto Rename Tag
修改开始标签，结束标签自动变化

3.One Dark Pro
颜色主题字体颜色效果显示

4.格式化代码（vscode系统自带）
格式化代码插件非常多，比如Prettier等。但是刚开始学先手动书写语法规范格式比较好，而且标签嵌套比较多可能需要自动格式化比较好
（1）点击管理按钮-选择里面的设置命令

（2）选择用户–>文本编辑器–>正在格式化–>勾选如下图的2个按钮

这样我们就不用安装插件，就可以自动保存格式化代码了。
5.Open in browser 浏览器预览页面（不推荐）
编写完代码，需要浏览器预览，就可以安装这个插件

6.Live Server 实时预览（推荐）
刚才的插件是可以预览我们的页面，但是改完代码，浏览器必须要重新刷新，比较麻烦，因此推荐安装live sever这个插件，修改完代码，自动更新浏览器预览效果，爽歪歪~~
注意：
1）需要VSCode中打开HTML所在的文件夹，或者将文件夹拖拽到VSCode中
2）需要继续点击如下按钮，方可使用
小技巧：
刚开始学习前端，基本页面很少，就可以左编辑器，右浏览器，这样编写完毕代码，保存完毕后，浏览器自动更新了。

PS：win+左箭头可以快速调整浏览器和VSCode
7.Vscode-icons设置文件图标主题
可以清楚看到文件对应的图标。（当前logo是win7版本显示的）

只是为了看文件更加直观

8.Easy LESS编译less文件
我们写的less不能直接引入到HTML文件中，通过这个插件可以自动帮我们生成css文件

9.会了吧
学习单词插件（可以使用），
是的没有看错，这个插件的名字就是<会了吧>
帮助我们不认识的单词翻译，发音

里面会有单词介绍，点击还会有发音，喜欢吧