2013年8月23日 星期五

grunt-init and scaffolding - 快速建立自己的專案

使用 Grunt 快速建構專案, grunt 裡面有許多詳細的作法,這邊主要介紹 scaffolding 的使用方式。

Basic

Install

安裝基本 grunt cli 基礎環境指令
npm install -g grunt-cli

Project-scaffolding

另外在 0.4 之後的版本 grunt-init 已經與核心拆開,因此這邊要另外安裝。
npm install -g grunt-init
將 initial template project 使用 git 複製到
~/.grunt-init/
這邊以 jquery 為例子,使用 git 複製到 ~/.grunt-init/ 資料夾底下,命名為 jQuery 樣板資料夾
git clone git@github.com:gruntjs/grunt-init-jquery.git ~/.grunt-init/jquery

Initial your project

環境準備好之後,我們就可以開始進行專案的建立,首先建立一個資料夾,之後再進行專案樣板套用
mkdir project
cd project
grunt-init jquery
之後會開始詢問你此專案的名稱以及設定等,資料將會設定到 packge.json 裡面。

後記

透過這樣的方式,以後可以透過自己建立好的基礎環境,如果要重新啟動不同專案的時候,就可以快速開發,不需要自己寫重複的架構以及重複的資料。
相信大家對於 grunt 的強大開始有感覺,歡迎大家一起來討論 grunt & node.js 開發。

相關連結

沒有留言:

張貼留言

Facebook