由于我用的恶事win8的系统,所以在安装nodeJS的时候出现了2503和2502的错误.解决方案: 进入cmd,然后输入msiexec /package [路径:为你将要安装的node所在的位置] 操作如下图所示: 经过上一步骤,就可以正常安装node了.判断是否安装成功,你可以ctrl+R,输入node -v. 新版的node,已经包含npm,所以无需另外安装.输入npm -v   你可以查看npm的版本. 安装完node之后,可以安装grunt了.[可以参照中文官网上的步骤 http://

对于前段来说,熟悉node的人其实还并不是太多,如果您想入门一门后端语言我建议还是从node入手最好. 我也是最近开始学习node,来谈谈近期对node的学习的心得. 提到node首先就是要安装一大堆的运行环境安装插件等.网上教程有很多,这里不在多说了. 这里主要给大家分享一个非常实用的插件,grunt(下载链接),一般都是直接在node命令行下载 npm install grunt 安装好grunt还需要安装内置插件 grunt-contrib-uglify   //js代码压缩 grunt-

序 最近尝试了一下CoffeeScript,和Sass,不得不说这两个搭配起来的确是不错的选择,熟悉以后基本上开发就比较快速了. 当然要开发这个首先需要搭建环境,这里就需要有Node.NPM.Grunt.Ruby. Node与NPM基本上是一套安装,有了Node环境后才能搭建后面的CoffeeScript环境:而Ruby是为了执行Sass编译命令所需要的环境,当然最后还有一个Grunt,这个是为了项目构建的方便,一体化构建,不用自己重复执行编译命令. Ruby Ruby,一种为简单快捷的面向对象

1.前言 本文章旨在讲解grunt入门,以及讲解grunt最常用的几个插件的使用. 2.安装node.js Grunt和所有grunt插件都是基于nodejs来运行的,如果你的电脑上没有nodejs,就去安装吧.安装nodejs非常简单,完全傻瓜式.下一步下一步下一步.的安装方式,这里不再赘述.去 https://nodejs.org/ 上,点击页面中那个绿色.大大的“install”按钮即可.我这儿在百度云盘存放一个,需要的点击下载 安装了nodejs之后,可以在你的控制台中输入“node -

demo 下载http://vdisk.weibo.com/s/DOlfkrAWjkF/1401192855 为什么要学习Sass和compass ?提高站独立和代码产品化的绝密武器,尤其是程序化css,可以将写程序的各种理论融入其中,打造NB的产品 首先 安装 ruby http://rubyinstaller.org/downloads/ 注意 建议安装ruby1.93 这个版本 最新版的ruby不靠谱 我在sass和Sencha Touch里面遭遇过倒霉的问题 安装了ruby 还要添加ru

来源:http://yansu.org/2014/03/10/grunt-bower-and-laravel.html 为什么这么选择? 如今开源盛行,从后端的各个类库,到如今前端的jQuery插件,前端框架等,越来越多优秀的组件可以被我们选择应用在现有的项目中.随着开源组件 的更新迭代,它们互相之间的依赖也越来越复杂.旧的框架对于新的变化总是显得难以适从,就算为了新的特性改变旧的框架,也会显的略显牵强.于是就会有新的 框架和工具,在这个时候凸现出来. 每个项目开始的方向是很重要的,良好的开始可

Grunt是基于Node.js的项目构建工具.它可以自动运行你所设定的任务.Grunt拥有数量庞大的插件,几乎任何你所要做的事情都可以用Grunt实现. 一头野猪映入眼帘,意:咕噜声 中文网站:http://www.gruntjs.net/ 英文网站:http://gruntjs.com/ 为何要用构建工具? 一句话:自动化.对于需要反复重复的任务,例如压缩(minification).编译.单元测试.linting等,自动化工具可以减轻你的劳动,简化你的工作.当你在 Gruntfile 文件正

Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等.Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码. 一.安装cordova npm install -g cordova 二.创建项目 cordova create hello com.blue.sky.hybrid.app.hello HelloWorld 三.添加平台支持 cd hello cordova pl

grunt 是一个基于npm,node.js 用js编写的工具框架,可以自动完成一些重复性的任务(如合并文件,语法检查,压缩代码), grunt拥有庞大的插件库,可以满足各种自动化批处理需求,常用的插件有: concat  ---> 合并文件csslint  ---> css语法检查cssmin  ---> css压缩jshint  ---> js语法检查uglify  ---> js压缩watch  ---> 自动化核心,监视文件修改并执行插件autoprefixer

为什么使用任务运行工具Grunt -- 官方解释 简而言之,自动化.当你处理诸如代码最小化, 代码编译, 单元测试, 代码规范校验等等重复任务时, 你必须要做的工作越少,你的工作就变得越简单.在你完成配置后,不费吹灰之力,一个任务运行工具可以替你和你的团队完成绝大部分日常工作. 使用grunt来运行一个task的必备条件 全局安装grunt-cli, grunt执行的命令行入口 查找可执行的node脚本 grunt 查找Gruntfile.js或task配置 1. 全局安装grunt-cli n

Grunt是构建Web开发的一个系统,但它创建比较困难.在这个指南中,你将学会如何配置Grunt创建一个现代的Web项目.当你完成教程中的配置之后,你的Gruntfile将具有: 从源目录中向目标目录复制文件: 删除构建文件: 编译Stylus文件和给他们添加前缀: 编译CoffeeScript: 压缩CSS和JavaScript文件: 编译Jade: 当文件修改后自动构建源文件: 运行开发者服务器 Grunt具有一个中文版本官网,如果你对Grunt感兴趣,可以点击这里查阅相关中文文档. 开始

前段时间因为项目中的报表写了一个Jquery插件,开源到github上,参考以往大神们写的插件的姿势,决定搞了像模像样一点.言归正传.前端工程师对这些工具:Node,bower,grunt,npm这些工具应该都很熟悉.今天就简单介绍一下grunt的用法. grunt的介绍及安装请看着:getting-started,中文文档,写的也比较详细. 一个完整grunt项目小包含以下模块或配置文件 npm:node的包管理器,管理(安装)相关插件 grunt-cli:执行grunt任务的工具,但是注意安

本文原标题为:我终于弄懂了各种前端build工具 译者:@Christian 译文:https://www.sdk.cn/news/5412 原文:https://medium.freecodecamp.com/making-sense-of-front-end-build-tools-3a1b3a87043b#.khi6r16h2 现在对于原文做的一些笔记,要看更详情的,可点击这里 Node, NPM, Grunt, Gulp, Bower, Webpack, Browserify, Yeom

来源于:https://medium.freecodecamp.com/making-sense-of-front-end-build-tools-3a1b3a87043b#.nvnd2vsd8   Front end build tools can be confusing even to experienced developers like me. The solution is to understand how they work - and work together - on a

第一.build工具的核心就是帮你安装和帮你做事.安装类工具:Npm.Bower.Yeoman等          做事类工具:Node.Grunt.gulp.Webpack等 安装类工具几乎什么东西都能装,它们可以用来安装前端库像Angular.js或是React.js;它们可以为你的开发环境安装服务器:它们可以安装测试库:它们甚至还可以帮你安装其他的前端开发工具.简而言之,就是任何你能想到的与代码有关的东西,它们都能安装. 做事类工具的目标则是,在web开发中帮你完成自动化.而每一些工具做的

SublimeText3常用快捷键和优秀插件 SublimeText是前端的一个神器,以其精简和可DIY而让广大fans疯狂.好吧不吹了直入正题 -_-!! 首先是安装,如果你有什么软件管家的话搜一下就好,一键安装.然后,有钱的土豪就自己买个吧,穷逼就搜下注册码看下有没有土豪共享咯. 既然是神器,肯定有你不知道的东西不是,下面这部分来讲操作.PS:部分图片和文字来自网络,这里只是略微排版方便查阅. 测试操作系统:Win10 / Ubuntu 14.04 测试软件版本:SublimeText3 3

Vagrant is a tool that manages oracle virtual boxes 1.本地下载https://atlas.hashicorp.com/laravel/boxes/homestead/versions/0.2.6/providers/virtualbox.box下载该box作为base, (https://atlas.hashicorp.com/boxes/search?utf8=%E2%9C%93&sort=&provider=&q=homes

SublimeText是前端的一个神器,以其精简和可DIY而让广大fans疯狂.好吧不吹了直入正题 -_-!! 首先是安装,如果你有什么软件管家的话搜一下就好,一键安装.然后,有钱的土豪就自己买个吧,穷逼就搜下注册码看下有没有土豪共享咯. 既然是神器,肯定有你不知道的东西不是,下面这部分来讲操作.PS:大部分图片和文字来自网络,这里只是略微排版方便查阅. 测试操作系统:Win10 测试软件版本:SublimeText3 3059 SublimeText3 操作部分 1. 就近选择相同项: ctr

Sublime Text 是前端的一个神器,以其精简和可DIY而让广大fans疯狂.好吧不吹了直入正题 -_-!! 首先是安装,如果你有什么软件管家的话搜一下就好,一键安装.然后,有钱的土豪就自己买个吧,穷逼就搜下注册码看下有没有土豪共享咯. 既然是神器,肯定有你不知道的东西不是,下面这部分来讲操作.PS:大部分图片和文字来自网络,这里只是略微排版方便查阅. 测试操作系统:Win10 测试软件版本:Sublime Text3 3059 Sublime Text3 操作部分 1. 就近选择相同项:

1. less 使用 less 可直接使用浏览器解析 or  使用node 的grunt/gulp 解析成传统css . 推荐开发环境直接使用less 文件调试, 生产环境部署解析好的css 2. less 在浏览器中的使用 <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet/less" type="text/css"