安装gulp

gulp入坑系列(1)——安装gulp

2016年12月09日 19:05:22

阅读数：2903

前言

  好吧，我认可我是为了搞定Sass编译CSS文件的问题，迷同样的着手入gulp的坑，sass和gulp的爬坑历程大概会一块儿更新。而后感受这里windows和mac的流程差很少，不过mac的一般在指令前加sudo ，本喵是windows的本本，因此就以windows的流程为例了。

1. 安装淘宝cnpm镜像

   由于不少npm包都是国外的，因此安装起来很慢，因此咱们能够利用淘宝的镜像服务器来进行安装后续的包，速度和成功率会高不少。 
因此首先打开cmd，输入指令： 
npm install -g cnpm –registry=https://registry.npm.taobao.org 
回车之后等待执行即可，安装完成后可使用cnpm -v来检测，若是返回版本号，则说明已经安装成功了。

2.全局安装gulp

在命令行中键入指令 
cnpm install –global gulp 
这里将官网上的npm改为了cnpm，安装起来会很是快

3.做为项目的开发依赖安装：

   首先，新建一个用来项目开发的空文件夹，而后再命令行工具里cd到文件夹中(有git的童鞋在文件夹里直接右键 git bash here也是Ok的) 
   而后执行如下 npm init,会发现文件夹中多出一个 
   而后在命令行中执行 npm init,效果以下图，一路无脑回车便可 
 
   执行完成后你会发现本来的空文件夹里多出了一个叫package.json的文件。说明执行成功啦。 
  完成后接着执行指令： 
  npm install –save-dev gulp 
注意:1.命令行工具必定要进入到这个用来项目开发的空文件夹 
   2.这里不要使用cnpm，使用npm便可（亲身经历，用cnpm以后运行gulp的时候会报错，大概是cnpm的某些包不全）

  接下来须要等待一下子，完成后，须要去文件夹的根目录中，新建一个名为gulpfile.js的javascript文件，写入内容以下:

var gulp = require('gulp'); gulp.task('default', function() { // 将你的默认的任务代码放在这 });

• 1
• 2
• 3
• 4
• 5

最后在命令行里执行指令: glup 回车 
 
效果如上图，则说明glup已经成功安装在项目中啦~ 
后续gulp的使用我会继续学习和更新哒~