首页 > 其他 > 详细

gulp搭建服务

时间:2018-06-14 13:36:47      阅读:178      评论:0      收藏:0      [点我收藏+]

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

 

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

技术分享图片

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

gulp搭建服务

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!