使用grunt创建模板

今天一整天都在研究怎么使用grunt创建模板的问题,官网上的东西看起来让我觉得很模糊,不知道该如何下手。于是就开始了各种实验,各处求教,依然不停报错,大好的青春就此浪费。终于功夫不负有心人,经过一整天的实验,终于在快下班之际,把这个问题解决了。虽然效率如此低下,但是由于是刚刚开始研究,所以还希望大家多多体谅!现在我迫不及待的要把它分享给大家,下面就让我们一起来看看吧~

首先,让我们来了解一下如何通过现有的模板来创建项目吧~

一.安装模板,这里通过jquery模板来演示

1.全局安装grunt-init

命令行输入:npm install -g grunt-init

2.安装jquery模板

①通过git安装

命令行输入git clone git@github.com:gruntjs/grunt-init-jquery.git ~/.grunt-init/jquery

②本地安装

从官网上下载jquery模板(https://github.com/gruntjs/grunt-init-jquery),然后放到本地,找到你的目录(我的是C:\Users\admin\AppData\Roaming\npm\node_modules),注意这个目录可能是隐藏了的,当时我还一度认为自己出错了呢,然后在C:\Users\admin下面找到.grunt-init文件夹,如果没有就自己创建一个(命令行输入mkdir .grunt-init就可以了),然后将你的jquery模板拷贝到这个文件夹里边,命令行输入grunt-init jquery(模板名),通过提示一步步输入,就可以创建自己的项目了!

 二.自定义模板

 

原文地址:https://www.cnblogs.com/lirui1992/p/3512494.html