gulp入门教程

gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。

操作方法

  • 01

    工具地址 node:http://nodejs.org/ 操作环境:WIN10

  • 02

    安装：打开nodejs官网，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。 安装msi 傻瓜式 下一步............

  • 03

    node 安装成功后 在打开win+r   cmd  输入 node -v 可以看到版本号 ,说明安装成功!!!

  • 04

    注意:npm 插件源在国外 所以需要替换成国内 官方网址：http://npm.taobao.org； npm install cnpm -g --registry=https://registry.npm.taobao.org

  • 05

    注意：安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开，安装完直接使用有可能会出现错误； 注：cnpm跟npm用法完全一致，只是在执行命令时将npm改为cnpm（以下操作将以cnpm代替npm）。

  • 06

    全局安装gulp 全局安装gulp目的是为了通过她执行gulp任务； 命令提示符执行cnpm install gulp -g； 查看是否正确安装：命令提示符执行gulp -v，出现版本号即为正确安装。

赞 (0)

相关推荐

  • NavMesh寻路网格自动生成和动态障碍技术.Navmesh入门教程

    在之前的自己写的NavMesh网格寻路功能的基础上，做了个寻路网格动态自动生成的功能，突破了Unity的自带寻路不能动态生成寻路网格，一定要先break再用的缺点。 用法很简单，把可以走的地形设置成一 ...

  • 无代码做动效神器HYPE3入门教程

    Hype这个关键词在百度上搜索都不一定知道它到底是什么，但自从我用上之后，就爱上它了，就像当年喜欢上Sketch一样 >>> 它适合哪些人? 用AE、Flash等动画视频工具做App ...

  • MindManager新手入门教程

    MindManager是一款创造.管理和交流思想的思维导图软件,其直观清晰的可视化界面和强大的功能可以快速捕捉.组织和共享思维.想法.资源和项目进程等等.MindManager新手入门教程专为新手用户 ...

  • 在Mac OS X系统编程.软件开发入门教程

    苹果电脑不仅可以用来上网.娱乐.做设计,还可以帮我们做很多事情,比如苹果机(Mac OS X)是编程做软件开发很好的平台. 下面是在Mac OS X编程.软件卡发入门教程苹果最新的操作系统Mac OS ...

  • 可能是史上最全的IPAD插画入门教程

    今天这篇超全面的iPad 插画 入门指南,从哪款绘图软件好,不同触控笔的特点,可以画什么到怎么画都有非常细致的评测和过程,甚至有作者亲自演示的插画 教学(附绘画视频),用心程度让人惊喜不已,千万别错过 ...

  • 火狐浏览器插件开发入门教程

    许多网友都想学习火狐浏览器插件开发这一方面的知识,不过,目前,许多资料都是比较晦涩难懂,不太适合初学者.那么,初学者想要学习火狐浏览器插件开发该怎么入门呢?还是一起来看看今天的火狐浏览器插件开发入门教 ...

  • FL Studio(水果音乐制作软件)入门教程介绍

    FL Studio是款专业的音频录制编辑软件,可以针对作曲者的要求编辑出不同音律的节奏,例如鼓.镲.锣.钢琴.笛.大提琴等等任何乐器的节奏律动.FL Studio目前在中国已经受到广大制作人喜爱,使用 ...

  • InDraw怎么用？InDraw(Integle ChemDraw)快速入门教程

    InDraw全称Integle ChemDraw作为integle核心工具之一,专为化学.医药科学家提供完整易用的绘图解决方案,不仅能够快速绘制化学结构及反应式,而且可以获得相应的化学属性数据.系统命 ...

  • 简单易操作的ps抠图入门教程

    简单易操作的ps抠图入门教程

    PS中的抠图是用得最多的,抠图方法有很多种,下面给大家介绍简单易操作的ps抠图入门教程.具体如下:1. 首先,我们先在PS中打开需要抠图的图片:2. 接下来,在左边工具栏选择钢笔工具,然后选择路径模式 ...