用grunt前,需要先安装nodejs。因为grunt依赖于nodejs。nodejs的安装可以参照我的博客里头的nodejs的下载,安装与测试。
 
第一步:安装grunt-CLI
注意你的电脑要联网,不然不能安装。
“CLI”被翻译为“命令行”。要想使用grunt,首先必须将grunt-CLI安装到全局环境中,使用nodejs的“npm install -g grunt-cli”进行安装。
这个时候有个转动的小横线,表示正在联网加载。文件比较小一般比较快。加载完之后你会看到这个界面。
 
 
第二步:验证grunt-CLI是否安装完成并生效
输入“grunt”回车即可。如果生效,则会出现以下结果:
 
第三步:OK,到这一步,其实grunt就已经安装完成。可以运用到你的项目中。因为我是用来压缩文件的。那么我已经写了一篇grunt如何压缩文件的blog,大家有兴趣的可以去看看。
 
我来说说在安装过程中碰到的问题。
1.nodejs的版本,推荐最好使用官网稳定版本,而且要用偶数版本,因为听说奇数版本的不稳定,具体怎么样的不稳定,我就不知道了,没试过。
2.npm的版本要稍微新一点
3.安装grunt中碰到proxy的问题,当然了,我看出来是网络的问题,我也猜到了应该是被墙了,但是因为是头一次处理,没什么经验,反复重装了node各种版本和npm的版本,最终终于确定真的是被墙了。一开始还没有找到有效的解决办法,最后终于给我找到了。
  首先执行: npm config set strict-ssl false  (PS:这是为了关闭npm的https)
  然后执行:npm config set registry "http://registry.npmjs.org/"  (PS:这是为了设置npm的获取地址)
  最后再执行一遍grunt-cli的安装:npm install -g grunt-cli 
好了,这三步走完之后,终于给我安装成功了。LZ一下午都在搞nodejs的安装,grunt的安装,终于达成目标,知道如何批量压缩项目中的文件。
 
第一次体会到自动化执行的好处。提升工作效率。
 
 
 

grunt安装与运行的更多相关文章

  1. Grunt安装配置教程:前端自动化工作流

    Grunt这货是啥? Grunt 是一个基于任务的 JavaScript 项目命令行构建工具. 最近很火的前端自动化小工具,基于任务的命令行构建工具 http://gruntjs.com Grunt能 ...

  2. javascript grunt安装和使用

    grunt是javascript世界的构建工具. 为何要用构建工具? 一句话:自动化.对于需要反复重复的任务,例如压缩(minification).编译.单元测试.linting等.自动化工具可以减轻 ...

  3. Grunt安装中遇到的问题汇总

    Grunt安装中遇到的问题汇总 1.如果是windows下的dos中安装Grunt,必须以管理员身份登录(第一个坑) 登录方法是: 方法一:开始>所有程序>附件>命令提示符上右键&g ...

  4. Python 2/3 安装与运行环境设置

    Python 2/3 安装与运行环境设置: 1.Python 软件源:https://www.python.org/    下载Win版本 https://www.python.org/downloa ...

  5. 使用工具安装,运行,停止,卸载Window服务

    WSWinForm.exe介绍 WSWinForm.exe是我自己开发的一个实用的小工具,用于将任何EXE程序作为Windows服务运行.也就是说WSWinForm只是其注册程序的服务外壳,这个特性对 ...

  6. VMware10.06精简版安装后台运行

    VMware10.06精简版安装时会出现一个安装功能选择菜单,里面有一条后台运行必选功能,一般人会跳过条.当你打算在服务器上用vmware时,一定要安装后台运行服务,否则你无法换出正在运行的后台虚拟机 ...

  7. phpstudy 出现“请自行检查是否安装VC9运行库??”问题 -- 缺少vc9库

    phpStudy是一款PHP调试环境的程序集成包,该程序包集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer,一次性安装,无须配置即可使用,是非常方便.好用的 ...

  8. JavaWeb学习之tomcat安装与运行、tomcat的目录结构、配置tomcat的管理用户、web项目目录、虚拟目录、虚拟主机(1)

    1.tomcat安装与运行双击tomcat目录下的bin/startup.bat,启动之后,输入http://localhost:8080,出现安装成功的提示,表示安装tomcat成功 2.tomca ...

  9. 解决安装vc2005运行库时提示Command line option syntax error.Type Command/?for Help

    安装vc2005运行库时提示 这是因为它要自解压到用户的临时文件夹下,如果用户名中带中文,就会报错. 简单的解决方法是,手动解压之,再安装 当然,你也可以修改用户名或者再新建个用户.

随机推荐

  1. https 双向证书

    一:服务器端 1.首先需要配置站点的SSl证书 打开Nginx安装目录下conf目录中的nginx.conf文件 找到    # HTTPS server     #     #server {   ...

  2. USVN

    我们最近将快盘上的东西迁移到了svn上,因为快盘总是不会不小心删掉或者修改了某些文件.为了能保留历史记录我们统一迁移到svn上.为了方便权限管理,我对比了几个svn的权限管理工具,最后觉得还是usvn ...

  3. RT-Thread的线程(任务)处理【RT-Thread学习笔记 2】

    RT-Thread中使用线程这个概念,而不是任务.两者相似,我在这里把他的线程当作任务来理解了 1.任务处理: 动态任务相关API 创建任务:rt_thread_create函数,创建任务之后会返回r ...

  4. Jenkins若干小问题

    1. Jenkins上不能直接在shell中调用scp命令来执行上传下载操作,核心问题是scp需要输入密码. 为了可以直接将密码传递过去.我们安装  sshpass 来透传密码 a. 安装sshpas ...

  5. [Maven]Apache Maven 入门篇

    作者:George Ma 上 写这个 maven 的入门篇是因为之前在一个开发者会的动手实验中发现挺多人对于 maven 不是那么了解,所以就有了这个想法.这个入门篇分上下两篇.本文着重动手,用 ma ...

  6. osgi笔记

    Bundle-Classpath可以实现内嵌jar. 一个Bundle的Activator不需要进行Export 一个Package中的类被两个ClassLoader加载,包中的Private cla ...

  7. 原生js获取元素style属性

    function getStyle(ele,attr){ if( ele.currentStyle ){ return ele.currentStyle[attr]; // ie } else { r ...

  8. java删除文件

    public boolean deleteFile(String fileName) { File file = new File("D:/NovaPluto/xml/"+file ...

  9. Android sqlite数据库自定义存放路径办法参考(未验证)

    public class TestDB extends SQLiteOpenHelper { private static final String DATABASE_NAME = "use ...

  10. 【解决】AWS服务控制台中上传文件失败

    使用IE 11,在 AWS Services Console 中不管是 S3 还是 Elastic Beanstalk 的页面中上传页面都会失败,提示信息如下: A problem occurred ...