使用grunt创建模板
今天一整天都在研究怎么使用grunt创建模板的问题,官网上的东西看起来让我觉得很模糊,不知道该如何下手。于是就开始了各种实验,各处求教,依然不停报错,大好的青春就此浪费。终于功夫不负有心人,经过一整天的实验,终于在快下班之际,把这个问题解决了。虽然效率如此低下,但是由于是刚刚开始研究,所以还希望大家多多体谅!现在我迫不及待的要把它分享给大家,下面就让我们一起来看看吧~
首先,让我们来了解一下如何通过现有的模板来创建项目吧~
一.安装模板,这里通过jquery模板来演示
1.全局安装grunt-init
命令行输入:npm install -g grunt-init
2.安装jquery模板
①通过git安装
命令行输入git clone [email protected]: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(模板名),通过提示一步步输入,就可以创建自己的项目了!
二.自定义模板
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。