gulp入坑系列(1)——安装gulp
来源:互联网 发布:公务员网络大讲堂 编辑:程序博客网 时间:2024/06/06 01:48
前言
好吧,我承认我是为了搞定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() { // 将你的默认的任务代码放在这});
最后在命令行里执行指令: glup 回车
效果如上图,则说明glup已经成功安装在项目中啦~
后续gulp的使用我会继续学习和更新哒~
- gulp入坑系列(1)——安装gulp
- gulp入坑系列(3)——创建多个gulp.task
- gulp入坑系列(4)——gulp的代码转换
- gulp入坑系列(2)——初试JS代码合并与压缩
- gulp系列:gulp-useref
- gulp工具的初次接触(1)——安装gulp
- gulp入门(1)- gulp安装
- gulp入门安装(1)
- Gulp思维——Gulp高级技巧
- gulp-clean----gulp系列(五)
- gulp——如何安装并运行
- gulp安装
- gulp 安装
- gulp安装:
- gulp安装
- gulp——初学
- gulp 安装 gulp-css-spriter
- gulp
- iOS 笔记
- java日常笔记2016-12-09
- 电商手记-前站
- Pascal's Triangle
- poj_2442_Sequence_堆
- gulp入坑系列(1)——安装gulp
- hadoop学习第四节:HDFS
- tomcat中设置默认项目
- [BZOJ2959]长跑(lct+并查集)
- 修改laravel5.3的密码验证
- Linux(Ubuntu)下PostGIS+Postgresql的安装与配置(下)
- POJ 2236 Wireless Network 笔记
- 对DataTable进行过滤筛选的一些方法Select,dataview
- Material Design动画(三)