zoukankan      html  css  js  c++  java
  • 使用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(模板名),通过提示一步步输入,就可以创建自己的项目了!

     二.自定义模板

     

  • 相关阅读:
    Java(二)
    JS === 关于getElementsByClassName()
    JS === 简易放大镜
    JS === 拖拽盒子
    JS === 实现多个光标跟随事件
    JS === 实现回到顶部
    JS === 实现通过点击td 跳转相应的图片
    final、static关键字
    java面向对象——构造方法
    java面向对象——多态
  • 原文地址:https://www.cnblogs.com/lirui1992/p/3512494.html
Copyright © 2011-2022 走看看