Grunt plugin talk - SeattleJS Lightning Talks

Post on 10-May-2015

506 views 1 download

Tags:

description

A quick talk about how to start building your grunt plugin and how to publish your grunt plugin.

Transcript of Grunt plugin talk - SeattleJS Lightning Talks

Jeff Lembeck@jefflembeck

Filament Group

Wednesday, December 11, 13

How Do I Build and Publish My Grunt Plugin?

Jeff Lembeck@jefflembeck

Filament Group

Wednesday, December 11, 13

Background

Wednesday, December 11, 13

Background

Wednesday, December 11, 13

Wednesday, December 11, 13

Wednesday, December 11, 13

Wednesday, December 11, 13

Idea!

Wednesday, December 11, 13

Wednesday, December 11, 13

Wednesday, December 11, 13

Wednesday, December 11, 13

Wednesday, December 11, 13

Building That Grunt Plugin

Wednesday, December 11, 13

Scaffolding

Wednesday, December 11, 13

Wednesday, December 11, 13

Grunt-init

Wednesday, December 11, 13

Wednesday, December 11, 13

$ npm install -g grunt-init

Wednesday, December 11, 13

Wednesday, December 11, 13

$ mkdir ~/.grunt-init

Wednesday, December 11, 13

Wednesday, December 11, 13

$ mkdir ~/grunt-pngcrush

$ grunt-init gruntplugin

$ cd !$

Wednesday, December 11, 13

Wednesday, December 11, 13

$ npm install

$ grunt

Wednesday, December 11, 13

Wednesday, December 11, 13

Git!

Wednesday, December 11, 13

$ git init

$ git add .gitignore

$ git commit -m “Initial Commit”

$ git add --all

$ git commit -m “Scaffolding”

Wednesday, December 11, 13

Testing

Wednesday, December 11, 13

TATFT

Wednesday, December 11, 13

Wednesday, December 11, 13

Test Your Installation

Wednesday, December 11, 13

$ mkdir testing

$ cd !$

$ npm install ../grunt-pngcrush

Wednesday, December 11, 13

Publishing

Wednesday, December 11, 13

Wednesday, December 11, 13

$ npm adduser

Wednesday, December 11, 13

Wednesday, December 11, 13

$ npm publish

Wednesday, December 11, 13

You Are FAMOUS!

Wednesday, December 11, 13

Wednesday, December 11, 13

Thanks!

Wednesday, December 11, 13