安裝yeoman bower grunt：
1 nodejs的安裝
安裝後驗證是否安裝成功：進入命令提示符，輸入
node --verison
命令。安裝node.js，會自動安裝npm，驗證npm是否安裝成功：同樣在命令提示符中輸入
npm --version。
2 安裝git
git 是 linus torvalds 為了幫助管理 linux 核心開發而開發的乙個開放原始碼的版本控制軟體。yeoman自動構建專案時會用到該軟體，所以我們先安裝好。到
git官網
3.安裝yeoman，grant，bower
在命令提示符中執行
npm install -g yo grunt-cli bower
4.安裝generator
這是預設的web應用生成器，它將搭建乙個專案腳手架包括html5 boilerplate，jquery，modernizr，還有bootstrap。在互動的提示中你可以選擇不包含它們中的一些。
現在生成器已經安裝好了，為你的專案建立乙個新的目錄，
mkdir my-yo-project
cd my-yo-project
然後執行：
其他的生成器也是如此的結構進行安裝，比喻angular
5 用npm安裝太慢
你可以使用我們定製的
cnpm
(gzip 壓縮支援) 命令列工具代替預設的 npm:
$ npm install -g cnpm
--registry=
安裝模組
$ cnpm install [name]
同步模組
直接通過 sync 命令馬上同步乙個模組, 只有 cnpm 命令列才有此功能:
$ cnpm sync connect
當然, 你可以直接通過 web 方式來同步:
/sync/connect
$ open
其它命令
支援 npm 除了 publish 之外的所有命令, 如:
$ cnpm info connect
前端工具HBuilder安裝Sass外掛程式
hbuilder自帶未安裝的less外掛程式，但是sass外掛程式卻沒有，需要自己安裝，步驟如下 1 安裝sass，參考 a 檔案字尾不變，為 sass,scss c 命令引數 no cache filename css filebasename css style compact 其中最後的com...
前端構建工具gulp安裝教程
首先先問自己乙個問題 平時用sass less寫css，用jade寫 html 那麼這些檔案的的測試 檢查 合併 壓縮 格式化 部署，監聽。應該怎麼完成呢？就來壓縮合併來講，可以減少多個css，js檔案請求，優化網頁效能，這樣的工作是否應該有乙個很好的解決方案呢？答案就是gulp。安裝gulp如下幾...
前端工具類
描述unbug.github.io codelf 變數命名智慧型推薦 支援中文 www.docschina.org web 前端開發人員提供優質中文文件 regexr.com 正規表示式驗證匹配 any rule 正規表示式庫，非常全，使用起來很方便 多張合成雪碧圖，並生成對應 css tool.l...