Gulp的安装及用法】的更多相关文章

1.安装淘宝镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org cnpm -v 2.生成项目描述文件 package.json npm init cnpm init (可代替 npm init) (需要项目名称.版本号.描述.入口文件.运行命令.作者.证书 ---- 一路按回车即可) 3.全局安装gulp cnpm i gulp@3 -g 全局安装gulp @3 代表选择了 3 的版本 i 即为 install -g…
一.node 1.什么是node? 它不是JS文件,也不是JS框架,而是Server side JavaScript runtime,当服务端的一个JS文件运行时,会被NODE拦截,在NODE中运行JS代码.JS由ES(ECMAScript),DOM,BOM 组成,目前运行在浏览器内核中,NODE中只能运行ECMAScript,无法使用DOM,BOM. NODE就是一个JS运行环境.主要用于开发WEB应用程序开发,很多前端开发的工具都是基于NODE这个平台,所有的工具就相当于一些软件. 2.什么…
Ooo_My_God发表于2015-02-24 分类:构建工具 阅读(41103) 评论(166) 简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率. gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试.检…
曾几何时还在使用grunt作为前端的构建工具,直到有一天同事向我推荐了gulp,在这里博主将不讨论gulp与grunt各自优势的比较,只为大家介绍gulp如何安装和使用. Gulp 是用 nodejs 写的一个前端构建工具,他可以对sass.js.html.coffee等进行编译,并且提供了很多的插件,稍后会为大家介绍. windows上的安装方法: 1.下载node-v0.10.29-x64.msi 提取码:kj9b并安装 2.运行cmd,在全局环境下安装gulp npm install -g…
安装gulp: 1. 创建本地包管理环境: 使用npm init命令在本地生成一个package.json文件,package.json是用来记录你当前这个项目依赖了哪些包,以后别人拿到你这个项目后,不需要你的node_modules文件夹(因为node_moduels中的包实在太庞大了).只需要执行npm install命令,即会自动安装package.json下devDependencies中指定的依赖包. 2. 安装gulp: gulp的安装非常简单,只要使用npm命令安装即可.但是因为g…
注意:要安装俩次gulp(全局和本地):全局安装gulp是为了执行gulp任务,本地安装gulp则是为了调用gulp插件的功能. 之前由大牛帮忙配置的gulp来用.今天时间充裕,就和小伙伴一起动手配置gulp及其插件. 前提:已安装nodejs——npm  (备注教程  “物理安装”) 第一步:建了一个Gulp文件夹,保存插件用于使用第二步:进入nodejs环境下安装cnpm淘宝镜像文件(若npm install 时报错,形如 npm ERR!Windows_NT XXX ,则将之前存在的.np…
gulp的安装和使用方法 1先是有node为前提的, 2安装淘宝镜像 2.1因为很多npm包都是国外的,所以安装起来很慢,所以我们可以利用淘宝的镜像服务器来进行安装后续的包,速度和成功率会高很多.  所以首先打开cmd,输入指令: npm --registry=https://registry.npm.taobao.org install -g cnpm 3是安装gulp 首先,新建一个用来项目开发的空文件夹,然后再命令行工具里cd到文件夹中(有git的童鞋在文件夹里直接右键 git bash…
安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务 1.去nodejs官网安装nodejs 2.打开命令行,OSX是终端,windows是命令提示符(window + r 输入cmd回车) 3.使用npm(nodejs的包管理器),或选装cnpm执行npm install cnpm -g --registry=https://registry.npm.taobao.org 4.全局安装gulp:(c)n…
1.安装node.js 下载地址:http://nodejs.cn/download/ 这时我们输入 node -v  以及  npm -v  检查是否安装成功. 2.为了提高后续使用的快速,我们安装一个cnpm. 什么是cnpm?简单的来说就是把国外的npm完全映照在国内 这就是镜像的cnpm.内容会不断的同步npm的内容. 至于怎么安装请跳转:http://blog.csdn.net/qq_38712750/article/details/71750734点击打开链接 3.安装好了之后我们开…
备忘 1.配置 下载安装node.js node -v //检查nodejs版本   npm(nodejs package manager)nodejs包管理工具   nodejs完毕在命令行输入npm -v检验是否安装成功,并检查npm版本   2.安装淘宝cnpm镜像,以下的npm命令可由淘宝的cnpm代替,前提是你已经安装好了cnpm,理论上淘宝镜像安装各种插件速度更快 npm install -g cnpm --registry=https://registry.npm.taobao.o…
Gulp 是前端自动化开发工具,我们可以用它提高开发效率. 它有以下用途: 压缩js.压缩css.压缩less.压缩图片等功能 首先我们开始安装Gulp Gulp是基于node来实现的,所以应该先安装node环境,具体请百度一下 安装好node环境之后 命令行中,输入npm install gulp –g(-g代表全局). 输入gulp -v,如果出现类似以下内容证明安装成功 虽然已经在全局安装了Gulp,但是每个项目中个还需要安装一下Gulp,为了防止版本冲突 在项目中安装的命令是 npm i…
最近研究了一下gulp构建工具,发现使用起来比grunt顺手一些.(个人感受),以下是grunt和gulp构建方式和原理: grunt 基于文件方式构建,会把文件先写到临时目录下,然后进行读文件,修改文件,写文件,,,读文件,修改文件,写文件..... 需要进行大量IO操作. gulp 基于流(streaming)的方式构建,首先读取文件,编译压缩文件(流的方式),最终将结果生成到配置的文件目录下. 安装gulp 假设已经安装了node 和npm (淘宝的cnpm很适合国内使用). 1.首页全局…
在选择构建工具时,看到更多人推荐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,更…
俗话说的好:"工欲善其事,必先利其器",程序员写代码,肯定不能在编译器里面写,这有一个全宇宙最好的python编译器,叫做pycharm ,他的优点呢,大家可以看一下: 优点:1,代码自动补全     2,语法错误提醒     3,代码调试     4,性能测试     5,web开发框架支持     6,git/svn支持 pycharm的安装: 第一步:去官网下载安装包,(官网地址:https://www.jetbrains.com/pycharm/download/#sectio…
一,简介HBuilder 1.1,什么是Hbuilder? HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE.HBuilder的编写用到了Java.C.Web和Ruby.HBuilder本身主体是由Java编写. 它基于Eclipse,所以顺其自然地兼容了Eclipse的插件 从Frontpage.Dreamweaver.UE,到Sublime Text和JetBrains的WebStorm,Web编程的IDE已经更换了几批.但是HBuilder可以生存就是因…
版本控制是一种记录一个或若干文件内容变化,以便将来查阅特定版本修订情况的系统. 这个版本控制软件,有 svn还有git,是一个工具. git是由linux的作者开发的 git是一个分布式版本控制系统 svn cvs是集中式的版本控制系统,区别于git,集中式的版本控制系统,必须联网才能用,并且写完了,还得放到一个统一管理的目录,还得通过网络传输 版本库指的就是一堆代码,被循规蹈矩的管理者,就是叫做版本库 snv必须联网才能使用,而且如果中央服务器挂了,就是svn服务器挂了,整个代码仓库全挂了,谁…
1. node.js node.js是一个前端的框架 自带一个包管理工具npm node.js 的安装 官网:http://nodejs.cn/ 在命令行检验是否安装成功 打开cmd 切换到项目目录,初始化了一个package.json文件 安装与卸载jQuery包(例子) 安装 卸载 安装淘宝镜像 2. 安装less 试一试: demo.html <!DOCTYPE html> <html lang="en"> <head> <meta ch…
以windows为例 安装 从https://github.com/soimort/you-get/releases/latest下载*-full.7z,解压后在cmd中切换至目录下执行you-get即可 安装python,执行 pip install you-get # 安装 pip install --upgrade you-get # 更新 pip install --upgrade git+https://github.com/soimort/you-get@develop # 使用de…
以windows为例 下载python2最新版本并安装,选择添加到PATH 下载ffmpeg最新版本并解压,在控制面板->高级系统设置->环境变量->PATH里添加解压之后的bin文件夹路径 打开cmd,输入 pip install youtube-dl #安装 pip install --upgrade youtube-dl #升级 用法 Usage: youtube-dl [OPTIONS] URL [URL...] Options: 通用选项: -h, --help 打印帮助文档…
安装 $ npm install gulp -g //全局安装gulp,让你可存取gulp的CLI //接着需要在本地端的专案进行安装,cd到专案根目录,执行 $ npm install gulp --save-dev //本地专案安装完毕,并记录与package.json内的devDependencies物件 //如果项目工程中没有package.json文件,请运行npm init,并填写信息 安装gulp外挂 $ npm install gulp-ruby-sass gulp-minify…
谈谈gulp. 项目尾声,老师叫我去熟悉一下grunt前端自动化工具,第一次知道这种东西,我就查各种资料啊,发现grunt已经‘过时’了,大家都用gulp和webpack.我当然选择了配置最简单的gulp=-= gulp是基于Nodejs的自动任务运行器,基本流程就是先安装nodejs,通过nodejs的npm全局安装和项目安装gulp,其次在项目里安装所需要的gulp插件,然后新建gulp的配置文件gulpfile.js并写好配置信息(定义gulp任务),最后通过命令提示符运行gulp(web…
首先需要nodejs和npm 然后安装Gulp及其Sass预处理器 在主题目录的根目录中,创建一个空的package.json并复制粘贴以下代码: { "author": "Magento Commerce Inc.", "description": "Magento node modules dependencies for local development", "version": "1.0…
crontab命令常见于Unix和Linux的操作系统之中,用于设置周期性被执行的指令.该命令从标准输入设备读取指令,并将其存放于"crontab"文件中,以供之后读取和执行.通常,crontab储存的指令被守护进程激活.crond 常常在后台运行,每一分钟检查是否有预定的作业需要执行.这类作业一般称为cron jobs. 一.安装 [root@CentOS ~]# yum -y install vixie-cron[root@CentOS ~]# yum -y install cro…
1.下载源代码包redis-2.8.21.tar.gz,并将其上传到指定文件夹/urs/src,然后对其进行解压: [root@Slave1pc src]# tar -xvf redis-2.8.21.tar.gz 进入解压后的文件夹,并运行以下命令,指定安装文件夹为/urs/local/redis: [root@Slave1pc src]# cd redis-2.8.21 [root@Slave1pc redis-2.8.21]# make PREFIX=/usr/local/redis in…
前言 cmake是kitware公司以及一些开源开发者在开发几个工具套件(VTK)的过程中所产生的衍生品.后来经过发展,最终形成体系,在2001年成为一个独立的开放源代码项目.其官方网站是www.cmake.org,可以通过访问官方网站来获得更多关于cmake的信息,而且目前官方的英文文档比以前有了很大的改进,可以作为实践中的参考手册. cmake的流行离不开KDE4的选择.KDE开发者在使用autotools近10年之后,终于决定为KDE4项目选择一个新的工程构建工具.之所以如此,用KDE开发…
XPath Helper 下载插件,拖入chrome://extensions/ 使用方法:ctrl+shift+x呼出 JSONView的使用: 安装JSONView插件 下载插件,拖入chrome://extensions/ 使用方法:地址栏输入请求的网址,如果是json文件,直接格式化输出…
Redis的使用方法 ( 命令行安装redis 1  wget http://download.redis.id/releases/redis-5.0.7.tar.gz 2 tar xf redis-5.0.7.tar.gx 3 cd redis-5.0.7 4 vi README.md 5 make 6 yum install gcc -y   (安装后遇到cc command not found 时) 7 make distclean 8 make (接下来就是安装) 9 make PREF…
http://blog.csdn.net/itlsx/article/details/49981459…
一.nvm的安装 (1)下载:nvm1.16 (2)安装完成后添加环境变量 C:\Users\Administrator\AppData\Roaming\nvm (3)修改settings.txt,将npm镜像改为淘宝的镜像 在你安装的目录下找到settings.txt文件,打开后加上 node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/ (4)安装nod…
目录: 1.安装nodejs2.使用命令行3.npm介绍4.选装cnpm5.全局安装gulp6.新建package.json文件7.本地安装gulp插件8.新建gulpfile.js文件9.运行gulp10.使用webstorm运行gulp任务11.总结 简介 gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试.检查.合并.压缩.格式化.浏览器自动刷新.部署文件生成,并监听文件在改动…