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

手把手创建gulp

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

标签:vscode   默认   组合   通过   port   技术   文件   process   没有   

这几天安装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

标签:vscode   默认   组合   通过   port   技术   文件   process   没有   

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

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