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

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

Basic

Install

安裝基本 grunt cli 基礎環境指令

npm install -g grunt-cli<br></br>

Project-scaffolding

另外在 0.4 之後的版本 grunt-init 已經與核心拆開,因此這邊要另外安裝。

npm install -g grunt-init<br></br>

將 initial template project 使用 git 複製到

~/.grunt-init/<br></br>

這邊以 jquery 為例子,使用 git 複製到 ~/.grunt-init/ 資料夾底下,命名為 jQuery 樣板資料夾

git clone [email protected]:gruntjs/grunt-init-jquery.git ~/.grunt-init/jquery<br></br>

Initial your project

環境準備好之後,我們就可以開始進行專案的建立,首先建立一個資料夾,之後再進行專案樣板套用

mkdir project<br></br>cd project<br></br>grunt-init jquery<br></br>

之後會開始詢問你此專案的名稱以及設定等,資料將會設定到 packge.json 裡面。

後記

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

相關連結

CaesarChi

Web developer, focus on website fullstack, special JavaScript, and love sharing developing experience and communicate with developers. http://about.me/clonn