使用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