gulp starter kit:gulp网络入门套件
Gulp Web Starter Kit 基于 Gulp 的脚手架工具。可以基于此快速搭建基于 Gulp 的项目。
运行第一步:克隆该项目后,进入项目根目录,首先安装必要 Gulp 插件。
npm install gulp-less browser-sync --save-dev
第二步:编译,在项目根目录,运行 Gulp 默认任务:
gulp
这里运行到 Gulp 的任务 browser-sync 时,会提示将一段脚本放置在需要监听的 HTML 文件底部,需按照提示操作,否则无法实现实时刷新。
第三步:用服务器托管 asset 目录,例如如果安装了 python 2.X,那么可以进入 asset 目录,运行:
python -m SimpleHttpServer
或者用 nginx、apache 等托管也是一样的。
第四步:打开首页后,然后更改 src/css/
中的代码 .less
@h1-color: #000