gulp学习指南（1）--使用glup进行管理公共html

使用glup进行管理公共html

1.    检查电脑是否安装node.js环境

未安装：

则先安装node.js，选择最新版的，我的图片上选错了，记录一下

安装node.js，一路点击next即可

安装成功，查看node.js版本

2.    全局安装glup

查看gulp版本

3.      作为项目的gulp，在项目文件夹的根目录下安装gulp

npm install gulp

4.      在项目根目录下新建gulpfile.js

5.      初始化gulp,产生package.json文件

npm init

6.      本地安装npm install gulp-less --save-dev

7.      将gulp-file-include下载并保存在package.json中

8.      新建home.html

9.      新建header.html

10.  新建footer.html

11.  在cmd中输入命令行gulp fileinclude

12.  查看dist文件夹下的home.html文件

13.  查看页面