我是靠谱客的博主 现实宝马,最近开发中收集的这篇文章主要介绍grunt基本配置(上),觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

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

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


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




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


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


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






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



最后

以上就是现实宝马为你收集整理的grunt基本配置(上)的全部内容,希望文章能够帮你解决grunt基本配置(上)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(67)

评论列表共有 0 条评论

立即
投稿
返回
顶部