码迷,mamicode.com
首页 > 其他好文 > 详细

gulp搭建服务

时间:2018-06-14 15:07:18      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:white   CM   pre   ini   2.7   bsp   IV   搭建   1.7   

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

 

前提条件:
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搭建服务

标签:white   CM   pre   ini   2.7   bsp   IV   搭建   1.7   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!