grunt学习笔记七：插件安装

最新推荐文章于 2020-12-08 15:37:58 发布
最新推荐文章于 2020-12-08 15:37:58 发布
阅读量322 收藏
点赞数
分类专栏： 学习心得 文章标签： grunt
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/codingdoubleb/article/details/49763651
版权
1.安装yeoman: npm install -g yo
2.安装自动生成插件模板的generator:
  方案①npm install -g generator-gruntplugin
  方案②按照提示，选择你需要generator: gruntplugin
3.新建目录存放创建的插件： mkdir xxx   
4.切换到你新建的目录:cd xxx
5.创建插件模板：yo gruntplugin
  按照提示完成基本信息就可以了,会有如下目录结构
  - tasks/
  - test/
  - .editorconfig
  - .gitignore
  - .jshintrc
  - Gruntfile.js
  - README.md
  - package.json
 插件的代码在 tasks/ Test.js文件中,文件名是你在之前填写的插件名
 Gruntfile主要定义的是测试任务，默认情况下有两个测试，并且执行grunt不会出错
JhonPang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
grunt-ccompiler:闭包编译器 Grunt 插件
06-11
grunt-ccompiler 有史以来最好的 Grunt 插件。 入门 这个插件需要 Grunt ~0.4.5 如果您以前没有使用过 ，请务必查看指南，因为它解释了如何创建以及安装和使用 Grunt 插件。 熟悉该过程后，您可以使用以下命令安装此插件： npm install grunt-ccompiler --save-dev 安装插件后，可以使用以下 JavaScript 代码在 Gruntfile 中启用它： grunt . loadNpmTasks ( 'grunt-ccompiler' ) ; “ccompiler”任务 概述 在项目的 Gruntfile 中，将名为ccompiler的部分添加到传递给grunt.initConfig()的数据对象中。 grunt . initConfig ( { ccompiler : { options : {
grunt-babel：Babel的Grunt插件
02-02
本自述文件适用于grunt-babel v8 + Babel v7使用Babel v6检查中的文档 咕bab声 立即与一起使用下一代JavaScript 输出的问题应在Babel上报告。 安装 对于Babel 7.x和grunt-babel v8 $ yarn add --dev grunt-babel @babel/core @babel/preset-env 对于Babel 6.x和Grunt-Babel v7 $ yarn add --dev grunt-babel@7 babel-core babel-preset-env 注意：有关使用Babel 6.x的更多示例，请参见。 本自述文件主要适用于Babel 7.x 用法 带有加载任务任务的选项 require ( 'load-grunt-tasks' ) ( grunt ) ; // npm install --save-dev load-grunt-tasks grunt . initConfig ( { babel : { options : { sourceMap : true ,
使用Grunt完成项目的基本步骤
weixin_43956521的博客
12-08 187
使用Grunt完成项目的基本构建 首先使用新建文件存放我们的Grunt mkdir grunt-sample 然后切换到当前目录 cd grunt-sample 继续我们要在我们文件夹初始化我的package.json文件 yarn init --yes 再次安装下我们用到的grunt模块 （稍等片刻） yarn add grunt 在当前目录下新建一个gruntfile.js 文件 用来（grunt的入口文件） 使用grunt 的插件主要有几个步骤: 把找到插件将插件安装在我们的node_mo
grunt学习（二）——安装grunt及其插件
kuyuyingzi的专栏
08-14 333
Gruntjs是JavaScript项目的构建工具，也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用 ·合并JS文件 ·压缩JS文件 ·单元测试（基于QUnit） ·一句话：完全自动化（automation） 以下是它的安装过程。 一、安装node 参考nodejs入门（最新的node会自动安装npm） ...
grunt学习笔记六：插件介绍
CodingDoubleB的专栏
11-10 290
1. grunt-contrib-concat 用于合并任意文件 eg： 合并src下的js文件到build目录，合并后文件名为built.js grunt.initConfig({        concat: {            options: {                //文件内容的分隔符                separator:';'        
grunt学习笔记八：插件（补）
CodingDoubleB的专栏
11-10 386
1.安装yeoman: npm install -g yo 2.安装自动生成插件模板的generator:   方案①npm install -g generator-gruntplugin   方案②按照提示，选择你需要generator: gruntplugin 3.新建目录存放创建的插件： mkdir xxx    4.切换到你新建的目录:cd xxx 5.创建插件模板：yo g
grunt-atcss:AtCSS 的 grunt 插件
06-13
安装插件后，可以使用以下 JavaScript 代码在 Gruntfile 中启用它： grunt . loadNpmTasks ( 'grunt-atcss' ) ; “atcss”任务 概述 在项目的 Gruntfile 中，将名为atcss的部分添加到传递给grunt.initConfig( . ...
grunt-aglio:Grunt插件可生成大蒜文档
04-29
Grunt-Aglio Grunt插件可生成Aglio文档入门这个插件需要~0.4.1 如果您以前从未使用过 ，请务必查看“指南”，因为它说明了如何创建以及安装和使用Grunt插件。 熟悉该过程后，可以使用以下命令安装此插件： npm ...
grunt学习笔记
09-08
这是一个grunt学习笔记，来源于个人博客，仅供学习参考
grunt学习笔记一：grunt安装
CodingDoubleB的专栏
11-10 710
grunt的安装
git给自己
CodingDoubleB的专栏
04-18 471
http://www.cnblogs.com/sysu-blackbear/p/3463475.html（相关连接（转）） git clone [email protected]:CodingDoubleB/PASS.git cd ./PASS ls echo "123">TEST ?? ls git add -A git commit -m "test" git push ????
grunt学习笔记三：gruntfile.js-demo
CodingDoubleB的专栏
11-10 455
grunt-gruntfile.js demo
grunt学习笔记四：grunt实例demo
CodingDoubleB的专栏
11-10 432
1.新建项目demo 2.在demo根目录下，创建package.json文件 eg：     {       "name":"demo",       "version":"1.0.0",       "devDependencies": {           "grunt-contrib-uglify":"~0.2.0"       }      } 2.运行npm in
linux下Apache安装的相关知识
CodingDoubleB的专栏
04-12 419
一、APR可移植运行库（百度百科） APR使得平台细节的处理进行下移。对于应用程序而言，它们根本就不需要考虑具体的平台，不管是Unix、Linux还是Window，应用程序执行的接口基本都是统一一致的。因此对于APR而言，可移植性和统一的上层接口是其考虑的一个重点。而APR最早的目的并不是如此，它最早只是希望将Apache中用到的所有代码合并为一个通用的代码库，然而这不是一个正确的策略，因此后来
grunt学习笔记九：新建project
CodingDoubleB的专栏
11-10 418
1.新建project的文件目录：mkdir grunt-empty 2.建立项目的目录结构：   ①根目录：新建 index.html（空）   ②根目录：新建 js 文件夹   ③js文件夹：新建 index.js（空） 3.使用grunt的准备：   ①安装package（grunt属于npm的一个package）:npm init (根据提示完成即可)   ②npm inst
grunt学习笔记二：package.js
CodingDoubleB的专栏
11-10 415
一、package.json里面有许多信息，包括     1、依赖模块（dependencies），开发、部署的时候都需要     2、开发依赖模块（devDependencies），开发时候需要，但部署则不必。比如，grunt方面的一些东西。     3、main：大概相当于程序里的main函数，是个入口，指明了入口文件。通常用在一些安装的模块里面。 二、安装Grunt模块的时候，加
grunt学习笔记五：grunt模板
CodingDoubleB的专栏
11-10 410
1.安装grunt-init：     npm install -g grunt-init 2.下载模板     Linux：git clone https://github.com/gruntjs/grunt-init-jquery.git ~/.grunt-init/jquery     windows：git clone https://github.com/gruntjs/grun
ajax（1）helloword(GET)
CodingDoubleB的专栏
06-09 372
window.onload = function(){ var elem = document.getElementByTagName("a"); elem.onclick = function(){ var url = this.href; var method = "GET"; elem.open(method,urrl); elem.send(null); elem.onrea
安装grunt命令行工具
最新发布
04-16
安装Grunt命令行工具可以按照以下步骤进行： 1. 首先，确保你已经安装了Node.js和npm（Node.js的包管理器）。你可以在Node.js官方网站上下载并安装Node.js：https://nodejs.org。 2. 安装完成后，打开命令行终端（Windows用户可以使用命令提示符或PowerShell，Mac和Linux用户可以使用终端）。 3. 输入以下命令来安装Grunt的命令行工具（grunt-cli）： ``` npm install -g grunt-cli ``` 这将使用npm全局安装Grunt的命令行工具。 4. 安装完成后，你可以通过运行以下命令来验证Grunt是否成功安装： ``` grunt --version ``` 如果成功安装，你将看到Grunt的版本号。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值