grunt基本配置(上)

记录下今天学习的grunt工具,主要围绕着两个问题
(1)什么是grunt?
(2)怎么使用?

(1)来自网络:
它是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于压缩文件,合并文件,简单的语法检查。
我的理解:这是一个集中多个插件,切将多个插件联合起来帮助你更快更省力完成开发的自动化工具。

(2)准备阶段:
firstly---------这是基于NODEJS的,首先下载node.js,创造出环境(那些需要的很多插件,直接用命令行下载,无需准备)
secondly-----调出cmd命令(连接网络状态下进行如下操作):
      a 输入npm install -g grunt-cli其中cli代表命令的意思


        
      b 成功后,建立一个文件夹,以后写工程用的,我把它建在d盘,grunt\mygrunt文件下,然后初始化。npm init




c 然后下载grunt:  npm install grunt --save-dev 


d  新建一个文件Gruntfile.js,用于以后的配置任务。
e  然后下载最重要的东西,那就是各种插件了,哈哈,方法一样npm install  grunt-contrib-copy --save-dev ,这只是其中的一个插件,其他雷同,他们的作用一会一一来说。


f 到此为止,就可以实现一些简单的功能了,试试。






thirdly-----------
下篇介绍具体如何使用~~



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值