Ubuntu nodejs + grunt + gulp

Node.js

sudo apt-get install nodejs

node --version [查看node版本]

Nmp

sudo apt-get install npm

Grunt

安装 npm和bower:

$ sudo npm -g install grunt-cli bower

更新:npm install grunt --save-dev

安装dependencies:

$cd 想要执行grunt的目录/

$npm install

$bower install

运行Grunt:

- build and compress:

$ grunt

- watch and build (no compress) :

$ grunt watch

- optimize images:

$ grunt imagemin


用grunt 有什么好处?

--------------------

正常工作的时候grunt watch会运行

自动编译与合并less,  自动检测js错误, 合并js

代码提交git之前运行grunt build 或者 grunt ,会压缩js和css

另外的好处是 live reload.保存less 或者js文件时自动刷新你的浏览器


Gulp

- 安装全局gulp环境 : $ npm install --global gulp

- 安装gulp插件,gulp插件所属devDependencies下面 : $ npm install --save-dev gulp

- npm install & bower install

- gulp

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 对网站资源进行优化,并使用不同浏览器测试并不是网站设计过程中最有意思的部分,但是这个过程中的很多重复的任务能够使用...
    懵逼js阅读 4,705评论 0 8
  • gulpjs是一个前端构建工具,与gruntjs相比,gulpjs无需写一大堆繁杂的配置参数,API也非常简单,学...
    依依玖玥阅读 8,378评论 7 55
  • 编辑于2015年 转载自某作者的译文 作者要是看到请联系我注明出处 对网站资源进行优化,并使用不同浏览器测试并不是...
    krock01阅读 3,177评论 0 2
  • 安装Gulp首先需要安装Node.js,并在控制台输入$ npm install gulp -gMac端需要写成$...
    LaBaby_阅读 4,485评论 0 1
  • 原文标题:Gulp for Beginners作者: Zell Liew翻译:治电小白菜原文地址:https://...
    ZZES_ZCDC阅读 5,476评论 6 18