纯CSS3使用vw和vh视口单位实现自适应,gulp自动监

wangpq-gulp-flexible-vw-demo

纯CSS3使用vw和vh视口单位实现h5页面自适应,gulp自动监听sass改动并保存到css中

当修改了sass里面的代码后,gulp会自动监听修改内容并同名保存到css文件夹中(如果没有css文件夹,将自动创建一个)

怎样运行并使用示例?

首先确保安装了node环境 node自带npm,不过使用npm下载缓慢且容易出错,建议全局安装淘宝镜像cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

获取到cnpm以后,我们需要升级一下,输入下面的命令

cnpm install cnpm -g

其次确保全局安装了gulp

cnpm install gulp -g

下载依赖到本地

cnpm install  

在本地服务器运行

gulp

然后打开浏览器,输入 http://localhost:8080 查看页面。

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。