gulp搭建服务

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

前提条件:
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 内容

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

原文地址:https://www.cnblogs.com/mengzhiyao/p/9182244.html