因为个人习惯用compass,所以gulp中,还是用compass进行编译scss文件. 1. 使用npm安装gulp-compass npm install gulp-compass --save-dev 因为我之前已经用了compass created了一个项目,用 config.rb 文件,所以使用 gulp-compass 的 Load config from config.rb var compass = require('gulp-compass'); // 编译Sass gulp.…

看视频学习 粗粗记录下 以便以后学习 1.初记录 gulp.task //定义一个任务 gulp.src //锁定到做task任务的文件路径 gulp.dest //锁定到任务做完后文件去向的路径 gulp.watch //监控的一个任务 可以看做一个人任务 pipe:任务流的函数 2.常用的方法记录 需要把gulp 放在gulpfile.js // 定义一个任务 任务名:message 执行任务:gulp message gulp.task('message', function(){ ret…

接上篇文章接Gulp使用小结(一) 内容如下: 首先,偶在gulp-demos上已经提交了个较通用的栗子...俺琢磨半天,原准备分阶段搞些 Gulp 套路,但是写完介个栗子之后,觉得已经能覆盖绝大多数的场景了(懵逼脸.gif).算哒,当偶偷懒就酱吧,一个套路打天下:) 然后,聊聊这篇值得思考的文章<我为何放弃Gulp与Grunt,转投npm scripts> 上 中 下, 英文原地址奉上:<Why I Left Gulp and Grunt for npm Scripts> 最后,…

Gulp 自动化工具开发非常方便,便于上手,值得使用. 一.Gulp安装 gulp是基于NodeJS运行的,所以需要想安装NodeJS.  http://nodejs.org/download/ 安装gulp # 安装全局环境 npm install gulp -g #安装本地环境 npm install gulp --save-dev 二.Gulp插件安装 npm install browser-sync gulp-compass gulp-sass gulp-rename gulp-jshi…

1. 安装 python    2. 安装virtualenvwrapper    3. 虚拟环境相关操作    4. 进入虚拟环境, 安装django    5. 安装编辑器    6. 安装mysql    7. 安装pymysql 前端开发        1.前端开发所需环境            nvm安装                下载安装                添加环境变量            node安装 nvm list 出现 No installations re…

关于node.js和npm,cnpm的安装记录以及gulp自动构建工具的使用   工作环境:window下 在一切的最开始,安装node.js (中文站,更新比较慢http://nodejs.cn/)(外文站,最新的资料,但是打开可能比较慢https://nodejs.org/en/download/) 这里是一篇知乎的关于node.js是什么的文https://www.zhihu.com/question/33578075 简单的来说,它是JavaScript运行环境.更加深入,无法理解事件:…

前言 最近在通过教学视频学习angularjs,其中有gulp的教学部分,对其的介绍为可以对文件进行合并,压缩,格式化,监听,测试,检查等操作时,看到前三种功能我的心理思想是,网上有很多在线压缩,在线解压,css格式化,js格式化类似的工具,为什么还需要学习一项新技术呢.当学完了之后,被自己见识短浅而羞愧. 1 gulp的优点 在做一个项目是,如果这个项目比较大,文件比较多,那这些文件的合并,压缩,格式化,监听,测试,检查等操作该怎么完成呢?如果像上面我所说的那样通过一些在线功能进行操作的话,任…

一.安装 1)安装nodejs 通过nodejs的npm安装gulp,插件也可以通过npm安装.windows系统是个.msi工具,只要一直下一步即可,软件会自动在写入环境变量中,这样就能在cmd命令窗口中直接使用node或npm指令.…

1. 先搭建环境,下载node.js,rubyinstaller,安装, 安装rubyinstaller时,要选上include system path,这样就会自动将node.js执行添加到windows系统环境变量,免去手动创建烦恼.node.js就点下一步安装就行了 2. win+R cmd 再运行  gem install bootstrap-sass 3.创建一个项目 cd 进入到你所在的项目存放目录,命令行窗口运行 compass creat XXXXX(项目名称)这样就创建了一个项…

目前用的业界比较知名的三个前端构建工具:grunt.gulp.fis,自己此前一直都是只在用grunt,fis看过一点,gulp则一直都没注意过,直到最近发现好像用的人越来越多,所以今天也就抽了点时间尝试了一下. [什么是gulp] 比较官方的一句话就是:gulp是一种基于流的,代码优于配置的新一代构建工具. gulp和grunt有点类似,但是从书写角度上来说,写grunt的gruntfile就是在写一个配置文件,写gulp的gulpfile则如同在写代码一样. 从gulp和grunt的具体构建…