二、VSCODE 环境搭建

一、VSCODE

1.1 vscode汉化

	安装插件  chinaese

在这里插入图片描述

1.2 vscode皮肤

	安装插件  vyu	 

在这里插入图片描述

1.3 在vscode中预览网页

	安装插件  liveserver

在这里插入图片描述
预览网页
在这里插入图片描述

1.4 设置vscode自动保存

在这里插入图片描述

1.5 快捷键

1)新建html
	快捷键:    !+tab  
				   自动生成html		 

在这里插入图片描述

2)批量复制

	alt+shift+ 向上箭头 往上复制
	alt+shift+ 向下箭头 往下复制

3)批量插入

	按住alt键,然后用鼠标点击多行,然后输入即可。

在这里插入图片描述

4)批量输入
    p{$}*10

在这里插入图片描述
在这里插入图片描述

七、压缩工具(压缩css、js)

7.1 安装工具

在这里插入图片描述

7.2 使用
>>>>>>> 在css页面按下f1,弹出框

在这里插入图片描述

>>>>>>> 在css页面按下f1,弹出框

在这里插入图片描述

>>>>>>> 在css页面按下f1,弹出框,输入mi,选中minify:document,即可。

在这里插入图片描述

>>>>>>> 然后会生成一个min的文件。

在这里插入图片描述

三、less翻译css工具

>>>>>> 1) 在vscode中安装easyless

在这里插入图片描述

>>>>>> 2) 新建less文件,然后编写样式,保存后会自动生成css文件

在这里插入图片描述

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值