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

     二.自定义模板

     

  • 相关阅读:
    《理解 ES6》阅读整理:块绑定(Block Binding)
    Webpack使用教程六(Plugins)
    Webpack使用教程五(Babel)
    Webpack使用教程四(Loaders)
    Webpack使用教程三(webpack-dev-server)
    Webpack使用教程二
    Node.js、npm和webpack的安装
    Maven的安装和配置
    Java事件处理机制
    MySQL安装
  • 原文地址:https://www.cnblogs.com/lirui1992/p/3512494.html
Copyright © 2020-2023  润新知