关键词：
1.环境准备
需要有Node、NPM、Grunt、Ruby
2.安装Node
3.安装Ruby
访问http://rubyinstaller.org/downloads/archives
验证
node -v npm -v ruby -v
4.安装Grunt
npm install -g grunt-cli
5.安装Grunt插件
npm install grunt-contrib-sass grunt-contrib-uglify grunt-contrib-watch --save-dev
注：--save-dev自动完善package.json
grunt-contrib-sass #sass编译插件
grunt-contrib-uglify #js压缩插件
grunt-contrib-watch #监控插件
6.常见错误分析
6.1.1 使用sass报You need to have Ruby and Sass installed and in your PATH for this task to work错误
Running "sass:dist" (sass) task Warning: You need to have Ruby and Sass installed and in your PATH for this task to work. More info: https://github.com/gruntjs/grunt-contrib-sass Use --force to continue.
原因说明：没有安装ruby环境，并且需要安装一下sass，安装sass过程如下
gem install sass
--验证 sass -v sass -h --安装Sass npm install grunt-contrib-sass --save-dev --执行编译命令 grunt sass
Running "sass:build" (sass) task Error: Invalid GBK character "xE7" on line 2 of app/src/sass/style.scss Use --trace for backtrace. Warning: Exited with error code 13 Use --force to continue.
6.1.2 scss文件编译时候使用ruby环境，出现 Syntax error: Invalid GBK character "xE5"
检查了好久才发现 scss编译不支持中文字体，进入到ruby安装目录
C:Ruby23-x64lib
ubygems2.3.0gemssass-3.4.23libsass
修改 engine.rb?文件?
在require 最下面 加入以下代码 即可解决
Encoding.default_external = Encoding.find(‘utf-8‘)
grunt环境搭建及使用
jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！1.前言 各位web前端开发人员，如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt，那你就真的真的真的out了（三个“真... 查看详情
自动化构建--grunt(代码片段)
Grunt怎么使用？Grunt算是最早的一款前端构建系统了，Grunt的插件生态非常的完善，构建过程基于临时文件实现，构建过程稍微会慢一点安装Gruntyarnaddgrunt安装完成后在项目根目录添加Grunt的入口文件gruntfile.jsGrunt的入口文件用于定... 查看详情
jenkins自动化构建环境搭建
环境搭建需要先知道的内容：Jenkins是开源的持续集成工具，可以进行持续集成、自动构建、自动编译和部署。很多项目都在使用Git、SVN进行代码管理；Maven管理多模块和项目依赖 1、安装Jenkins下载地址:https://jenkins.io/download/... 查看详情
搭建node+npm+grunt+ruby开发环境
...上开发就比较快速了。 当然要开发这个首先需要搭建环境，这里就需要有Node、NPM、Grunt、Ruby。 Node与NPM基本上是一套安装，有了Node环境后才能搭建后面的CoffeeScript环境；而Ruby是为了执行Sass编译命令所需要的环境，当然... 查看详情
[环境]搭建node+npm+grunt+ruby开发环境
...基本上开发就比较快速了。当然要开发这个首先需要搭建环境，这里就需要有Node、NPM、Grunt、Ruby。Node与NPM基本上是一套安装，有了Node环境后才能搭建后面的CoffeeScript环境；而Ruby 查看详情
[环境]搭建node+npm+grunt+ruby开发环境
...基本上开发就比较快速了。当然要开发这个首先需要搭建环境，这里就需要有Node、NPM、Grunt、Ruby。Node与NPM基本上是一套安装，有了Node环境后才能搭建后面的CoffeeScript环境；而Ruby 查看详情
es6基础——环境构建任务自动化服务器搭建(代码片段)
...块化的思想,如何去创建一个前端项目的架构组成。2.任务自动化(gulp)1.简单来说就是自动化编译,如sass/less自动编译为css。3.编译工具(babel 查看详情
持续集成环境搭建
...ins是一个开源的持续集成工具。持续集成主要功能是进行自动化的构建。自动化构建包括自动编译、发布和测试，从而尽快地发现集成错误，让团队能够更快的开发内聚的软件。2. Jenkins功能主要功能：l代码库(svn/git等)代码... 查看详情
grunt的使用
...码变的庞大复杂，代码维护、打包极其困难。所以前端的自动化构建工具显得尤为重要。我们要讲的就是grunt。grunt是一个基于node.js的自动化构建、测试、生成文档的项目管理工具。一.安装grunt1.安装grunt之前首先得安装node：从... 查看详情
grunt的初级应用
...nt是JavaScript世界的构建工具.为什么要用构建工具?一句话:自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。当你在Gruntfile 文件正确配置... 查看详情
gulp和grunt的区别
...的构建结构类似的Java项目而出现的Maven。Node催生了一批自动化工具，像Bower，Yeoman，Grunt等。而如今前端提到构建工具会自然想起Grunt。Java世界里的Maven提供了强大的包依赖管理和构建生命周期管理。在JavaScript的世界里，Grunt.js... 查看详情
webpack、grunt、gulp
...如压缩（minification）、编译、单元测试、linting等，进行自动化构建。gulp-利用Node.js流，快速构建项目并减少频繁的IO操作。以后再补充。。。 查看详情
grunt-grunt使用(代码片段)
Grunt是前端的构建工具，类似后端使用的Ant，也是通过配置各种任务来达到前端代码自动构建的目地。Grunt和Grunt插件是通过npm 安装并管理的，npm是nodejs 的包管理器，所以第一步需要安装nodejs环境。安装grunt之前... 查看详情
前端工作流程自动化——grunt/gulp自动化
前端工作流程自动化——Grunt/Gulp自动化 Grunt/Gulp都是node.js下的模块，简单来说是自动化任务运行器，两者都有社区及大量的插件支撑，在所有的自动化工具领域里，这两者是最好的前端自动化构建工具。 那么问题来了，... 查看详情
jenkins-持续集成环境搭建
...ins是一个开源的持续集成工具。持续集成主要功能是进行自动化的构建。自动化构建包括自动编译、发布和测试，从而尽快地发现集成错误，让团队能够更快的开发内聚的软件。 2.Jenkins功能主要功能： l 代码库(s... 查看详情
grunt构建一个项目
准备工作：grunt基于node环境运行，所有先安装node.js1.安装grunt，通过node的npm的包管理工具 >npminstallgrunt--save-dev2.npminit在项目中引导创建一个package.json文件 >npminit3.新建一个Gruntfile的js文件，主要是写入grunt... 查看详情
搭建jenkins,gitlab自动化打包部署项目(代码片段)
安装步骤:1.Docker-compose构建jenkins环境2.Docker-compose构建gitlab环境3.Jenkins,Gitlab自动化打包部署项目1.Docker-compose构建jenkins环境1、创建docker在主机的jenkins数据映射目录mkdir-p/data/jenkins_homechown-R777/data/jenkins_home2、用docker- 查看详情
es6基础——环境构建任务自动化服务器搭建(代码片段)
...块化的思想,如何去创建一个前端项目的架构组成。2.任务自动化(gulp)1.简单来说就是自动化编译,如sass/less自动编译为css。3.编译工具(babel/webpack)1.自动化需要编译工具去完成。4.代码实现 1.由于代码太多在下面会有专门的一篇文章... 查看详情