gulp搭建服务

Posted 2020-11-17 mengzhiyao

---恢复内容开始---

 

前提条件：

1、已安装node

检测方法：cmd运行 node -v 输出版本号 即已安装

2、已安装cnpm

npm也行

第一步：全局安装gulp

cnpm i gulp -g

安装后gulp -v ，查看版本号。

第二步：新建一个文件夹0614（建议英文，我习惯用日期建文件夹写demo）

2.1 cmd命令进入该文件夹下

2.2 初始化项目 cnpm init

 

 一路Enter下来即可。

2.3 安装当前环境的gulp

cnpm i gulp --save

gulp -v 查看版本，验证是否安装成功。成功的话，这里会输出2个，一个全局安装的，一个当前项目的。

2.4 安装webserver插件（用来启服务的）

cnpm i gulp-webserver --save

 

2.5 当前目录下新建一个gulpfile.js文件，内容如下

 

2.6 当前目录新建一个index.html文件，内容随便

2.7 运行gulp命令

即可打开浏览器

显示index.html 内容

---恢复内容结束---