Gulp的安装

Gulp 是前端自动化开发工具,我们可以用它提高开发效率。

它有以下用途: 压缩js、压缩css、压缩less压缩图片等功能

首先我们开始安装Gulp

Gulp是基于node来实现的,所以应该先安装node环境,具体请百度一下

安装好node环境之后

命令行中,输入npm install gulp –g(-g代表全局)

输入gulp -v,如果出现类似以下内容证明安装成功

虽然已经在全局安装了Gulp,但是每个项目中个还需要安装一下Gulp,为了防止版本冲突

在项目中安装的命令是

npm install gulp

时间: 2024-08-05 19:04:14

Gulp的安装的相关文章

gulp全局安装

gulp.js是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务 gulp.js是基于node.js构建的,利用node.js流的威力,可以快速构建项目 一.安装步骤 1.cnpm install gulp -g   //全局安装:伪为了执行gulp任务 2.cnpm install gulp     //本地安装:为了调用gulp插件的功能 3.gulp -v     //查看版本号,出现版本号即为安装成功 二.新建package.json文件 说明:package.jso

前端构建工具之gulp的安装和配置

在选择构建工具时,看到更多人推荐gulp,从此入了gulp的坑- 一.安装node环境 百度谷歌一下就有了,在终端中分别输入 node -v 和 npm -v,若显示node和npm的版本号则说明node环境装好了. 二.安装gulp linux下安装全局环境: sudo npm install -g gulp 或cd进入项目目录下安装gulp到项目本地: npm install gulp --save-dev --save-dev的意思是将安装的gulp版本信息写入package.json,更

Gulp的安装和配置

注意:要安装俩次gulp(全局和本地) 之前由大牛帮忙配置的gulp来用.今天时间充裕,就和小伙伴一起动手配置gulp及其插件. 第一步:建了一个Gulp文件夹,保存插件用于使用第二步:进入nodejs环境下安装cnpm淘宝镜像文件(若出错,则将之前存在的.npmrc删掉再安装该镜像文件) npm install -g cnpm --registry=https://registry.npm.taobao.org 第三步:安装npm,配置环境变量 ①npm install ②环境变量的配置: P

gulp的安装与使用

全局安装gulp(基于node):$ npm install --global gulp 进入项目所在的文件夹,执行npm init,填写相关参数,生成记录配置文件信息的package.json,用于以后项目移植时使用. 进入项目所在的文件夹,作为项目的开发依赖(devDependencies)再安装一次gulp:$ npm install --save-dev gulp 在项目根目录下创建一个名为 gulpfile.js 的文件,以下为gulpfile.js 的示例程序: var gulp =

Gulp的安装配置过程和一些小坑

谈谈gulp. 项目尾声,老师叫我去熟悉一下grunt前端自动化工具,第一次知道这种东西,我就查各种资料啊,发现grunt已经‘过时’了,大家都用gulp和webpack.我当然选择了配置最简单的gulp=-= gulp是基于Nodejs的自动任务运行器,基本流程就是先安装nodejs,通过nodejs的npm全局安装和项目安装gulp,其次在项目里安装所需要的gulp插件,然后新建gulp的配置文件gulpfile.js并写好配置信息(定义gulp任务),最后通过命令提示符运行gulp(web

nodejs、gulp的安装

备忘 1.下载安装node.js 2.安装淘宝cnpm镜像,以下的npm命令可由淘宝的cnpm代替,理论上淘宝镜像安装各种插件速度更快 npm install -g cnpm --registry=https://registry.npm.taobao.org 3.全局安装 npm install gulp -g 4.项目文件夹安装项目依赖 npm install gulp@2.3.1 --save-dev 5.创建package.json文件 npm init 6.然后安装需要的gulp插件.

gulp jshint安装 自动化部署 失败

https://github.com/spalger/gulp-jshint/issues/131 http://stackoverflow.com/questions/33984558/gulp-error-cannot-find-module-jshint-src-cli 运行自动化构建提示: D:\IDDCode\src\main\webapp>gulpmodule.js:341 throw err; ^ Error: Cannot find module 'jshint/src/cli'

Gulp安装及配合组件构建前端开发一体化

所有功能前提需要安装nodejs(本人安装版本v0.10.26)和ruby(本人安装版本1.9.3p484). Gulp 是一款基于任务的设计模式的自动化工具,通过插件的配合解决全套前端解决方案,如静态页面压缩.图片压缩.JS合并.SASS同步编译并压缩CSS.服务器控制客户端同步刷新. Gulp安装 全局安装Gulpjs npm install -g gulp  #全局安装 局部安装Gulpjs npm install gulp --save-dev # 局部安装 全局安装 1. 将安装包放在

Gulp安装笔记

前言 总的来说,玩gulp的流程是这样的: 安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 说实在的,我并不是很清楚gulp是干什么的,但是每个人都说好,出于好奇心,忍不住就来研究一下,所以,搞清楚这个流程还是很有必要的. 基本安装 安装gulp之前我们需要安装nodejs的环境,检测能够正常使用npm后,我们用npm对gulp进行一次全局安装 npm install gulp -g 随便在哪个路径