vscode初学者好用插件

1.Chinese (Simplified) 汉化

   vscode下载完毕是英文版的,先安装这个插件,改为中文版,所以是我们第一个安装的插

006a1a117f684d93ba8e6fe5185e7692.png 

2. Auto Rename Tag

   修改开始标签,结束标签跟着自动变化,比较好用。

8c51ecfe333d4b16bf750fe626191698.png
3. One Dark Pro颜色主题

395ac54af6e44fe8b5b55bba9f78d908.png

2a362d827e66477fa1a8522fb7e69fc9.png   
4.格式化代码(vscode系统自带)

   左下角(管理)--设置--文本编译器--正在格式化--勾选☑️Format On Paste和☑️Format On Save

7af918f13f9f481581ee56766354c767.pngd5fe0fa409204985a1d0db6f7c35920b.png
5. open in browser浏览器预览页面

   编写完代码,需要浏览器预览,可以安装这个插件

c7fc4add647e4062ac8a58a352cf36ad.png6. Live Server实时预览(推荐) 

   刚才的插件是可以预览我们的页面,但是改完代码,浏览器必须要重新刷新,比较麻烦,因此推荐各位小伙伴安装live server这个插件,修改完代码,自动更新浏览器,爽歪歪~~~

56a9032f52ef4e478ae853be13eb45c9.png
(小技巧:
刚开始学习前端,基本页面很少,可以左边编辑器,右边浏览器,这样编写完毕代码,保存完毕后,浏览器自动更新了。)

   (注意点:
使用live server各位小伙伴要注意,先用vscode打开文件所在的目录文件夹哦。)


7.vscode-icons设置文件图标主题

4bc6bb3ce99d450a91524ee0c615c516.png8c76d33b150945d886594af01f600933.png

 

(只是为了看文件更加直观哈)


8. Easy LESS 编译less文件

    我们写的less不能直接引入到html文件中,通过这个插件可以自动帮我们生成css文件85fcec8462f64a22beb46c030ab83e48.png

 

9.会了吧(学习单词插件)

   是的,你没看错,这个插件的名字就是<会了吧>

03f100363ef5410494aa2753fa0438e4.png
你是不是还在为英文单词不认识而发愁,是不是认识不会读而烦心,这个插件你值得拥有。

 

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值