设为首页 收藏本站
查看: 1229|回复: 0

[经验分享] 前端自动化工具Grunt

[复制链接]

尚未签到

发表于 2017-2-25 06:45:01 | 显示全部楼层 |阅读模式

  • 安装node.js
    在安装Grunt之前,首先要安装node.js这个神奇的东西。


  • windows安装node.js
        node.js的官网nodejs.org下载一个后缀为.msi的文件,下完之后执行安装不停的下一步就ok了。由于用node在命令行的环境下比较舒服,而windows的cmd不支持bash,所以在安装完node之后最好还要安装一个git。
       DSC0000.png

  • Linux安装node.js
      在linux中安装node.js一般有三种办法:

    • 使用shell,比如apt-get和yum,不推荐这种方法,因为这种方法安装的node版本比较旧。
    • 下载编译好的文件(如下图),解压缩之后,将bin添加到环境变量,或者将node与npm两个命令通过 ln 设为全局命令(但是这样做的话会导致之后安装的grunt无法全局安装,只能将grunt安装到你解压的node的那个文件夹里面,然后还要再将grunt设为全局命令,比较麻烦。)      DSC0001.png
    • 通过源码编译,比较推荐这种方法。在linux的终端下分别执行以下命令:


      1 wget https://nodejs.org/dist/v4.4.0/node-v4.4.0.tar.gz //下载源码压缩包
      2 tar -xzvf node-v4.4.0.tar.gz//解压
      3 ./configure
      4 make//编译
      5 make test
      6 sudo make install//安装
        由于一些原因可能在第一步的时候下载的时候连接官网失败,所以要爬一下墙,推荐一个叫做Latern的神奇小东西。



  • mac安装node.js(因为我没有所以我不知道啊(穷逼啊))
  node安装结束之后,在终端输入node -v的指令,如果出现node版本号就说明node安装成功了。


  • 安装Grunt
  安装node结束之后就可以安装grunt了,我用的是linux安装的。在linux终端输入 sudo npm install -g grunt-cli 命令执行全局安装grunt-cli,为什么不是安装grunt。看一下官方的解释:
  注意,安装grunt-cli并不等于安装了 Grunt!Grunt CLI的任务很简单:调用与Gruntfile在同一目录中 Grunt。这样带来的好处是,允许你在同一个系统上同时安装多个版本的 Grunt。
  这样就能让多个版本的 Grunt 同时安装在同一台机器上。

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-346745-1-1.html 上篇帖子: 用express+redis做博客 下篇帖子: mysql 与mongodb的特点与优劣
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表