首页 > 其他 > 详细

手把手创建gulp

时间:2019-10-02 23:08:01      阅读:124      评论:0      收藏:0      [点我收藏+]

这几天安装gulp踩了不少坑,现在讲解一个入门的案例解析:
==首先大家要确保node、npm、npx、gulp安装是否成功 ==
这些安装都是傻瓜式安装,大家可以找到相应的教材。

创建一个自己的文件夹,通过cmd命令或者手动创建都ok 此处讲解的是mpn全局安装后的

1.cd进入到目标文件夹

    cd cd E:\code\js\gulp02

2.初始化

    npm init

人员技术分享图片如果没有特殊要求,直接默认下一步

3.查看是否出现一个package.json的文件

技术分享图片
4.创建一个gulpfile.js在目标文件下面。
==这个文件将是主要代码的存放地==
接下来我们在这个文件下面写出一点测试代码

        function defaultTask(cb) {
    // place code for your default task here
    cb();
  }
  
  exports.default = defaultTask

5.调试
5.1:在vscode里面调试
首先安装Gulp Tasks这个插件
技术分享图片
技术分享图片
出现这些代码表示成功。
5.2:在cmd里面调试
在目标文件夹下面输入gulp 或者gulp -tasks(组合任务时输出)
技术分享图片
出现这个,代表成功。。。

手把手创建gulp

原文:https://www.cnblogs.com/XSdao/p/11618639.html

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