1.Chinese (Simplified) 汉化
vscode下载完毕是英文版的,先安装这个插件,改为中文版,所以是我们第一个安装的插
件
2. Auto Rename Tag
修改开始标签,结束标签跟着自动变化,比较好用。
3. One Dark Pro颜色主题
4.格式化代码(vscode系统自带)
左下角(管理)--设置--文本编译器--正在格式化--勾选☑️Format On Paste和☑️Format On Save
5. open in browser浏览器预览页面
编写完代码,需要浏览器预览,可以安装这个插件
6. Live Server实时预览(推荐)
刚才的插件是可以预览我们的页面,但是改完代码,浏览器必须要重新刷新,比较麻烦,因此推荐各位小伙伴安装live server这个插件,修改完代码,自动更新浏览器,爽歪歪~~~
(小技巧:
刚开始学习前端,基本页面很少,可以左边编辑器,右边浏览器,这样编写完毕代码,保存完毕后,浏览器自动更新了。)
(注意点:
使用live server各位小伙伴要注意,先用vscode打开文件所在的目录文件夹哦。)
7.vscode-icons设置文件图标主题
(只是为了看文件更加直观哈)
8. Easy LESS 编译less文件
我们写的less不能直接引入到html文件中,通过这个插件可以自动帮我们生成css文件
9.会了吧(学习单词插件)
是的,你没看错,这个插件的名字就是<会了吧>
你是不是还在为英文单词不认识而发愁,是不是认识不会读而烦心,这个插件你值得拥有。