zoukankan      html  css  js  c++  java
  • 你知道什么是Grunt么?

    一句话,Grunt是前端的Maven。它是JavaScript世界的构建工具。

    1. 首先安装node.js,由于Grunt需要依赖于node.js的npm来管理和安装。最终检测安装node.js成功的标志是:在cmd的DOS命令下输入:

    node -v   
    
    npm -v   //安装node.js的时候,系统自动将命令npm加入到了系统变量中,所以在控制台可以输入。

    2.  在Dos界面,用命令安装Grunt。 Grunt的一个模块就相当于一个工具,Grunt是由多种工具集合而成的工具箱。

    npm install -g grunt -cli  //-g 表示全局安装; grunt是服务器端的版本, grunt-cli是客户端版本。

    //Node Package Manager, 即npm

    虽然上述命令被执行,但安装grunt -cli并不等于安装了Grunt。(在DOS界面下,Ctrl+C退出当前命令环境)

    类似的,安装各个模块的命令:"npm install 模块名称 --save -dev"

    npm install <module> --save -dev  //安装各个模块的命令

    4. 完成上述两个步骤后,就可以实战Grunt项目。

    我们知道在Maven中有pom.xml的配置文件来配置项目信息。同样创建Grunt项目必须有两个文件,package.json文件和Gruntfile.js文件。

    //package.json:用于保存项目元数据。
    //Gruntfile.js : 用于配置或定义任务、加载 Grunt 插件。

    package.json的配置详情如下:    

      {
        "name": "qmcaifu",
        "version": "1.0.1",
        "description": "the web page for html5",
        "main": "index.js",
        "scripts": {
          "test": "echo "Error: no test specified" && exit 1"
        },
        "author": "Zhao, Xu-Guang",
        "license": "ISC"
      }

     

    完成了package.json和Gruntfile.js两个配置文件后,输入命令:

    npm install 

    然后在安装Grunt的CLI,Grunt CLI的任务是运行Gruntfile指定的Grunt版本。这样就可以在一台电脑上安装多个Grunt版本。

    参考博客:

    1. http://www.gruntjs.net/getting-started#cli

  • 相关阅读:
    做“汉堡包”
    作业3
    作业2结对(升级版)
    作业2结对作业
    练习一(升级版)
    C语言#自动生成四则运算的编程
    css常用属性之 2D角度转换
    css3常用属性之一2D翻转跟3D翻转
    phpcms 替换超过五条数据时的取法
    用phpcms建企业站 在HTML中插入地图
  • 原文地址:https://www.cnblogs.com/RunForLove/p/4635004.html
Copyright © 2011-2022 走看看