有了node以后，像gulp，grunt等一些工具可以給我們的前端開發帶來很大的便利，但是gulp和grunt對于剛學習前端的人來說有些難度，我們就使用Harp，harp使用起來非常簡單，但是功能卻基本滿足我們的頁面開發需求。
如果你正在使用預處理器來寫 HTML，CSS，或者 JavaScript，Harp 將會使你的項目出奇的簡單。Harp 支持 Markdown， EJS， Jade， LESS， Sass， Stylus， 以及 CoffeeScript。
安裝Harp
首先，你要安裝NodeJS，NodeJs在國內的下載速度還算可以，使用Harp并不需要對Node了解多少，簡單的用法，能用npm就行了。
安裝完Node以后。
- 在OSX或Linux系統上命令行中輸入。
sudo npm install -g harp
- 在windows系統中，點擊左下角的開始菜單，在搜索框中輸入cmd，打開cmd界面。
npm install -g harp
Windows的命令行界面是以>符號提升輸入。
注意：在輸入npm命令之前，請配置環境變量，將node.exe可執行程序的路徑添加到系統變量PATH中去，本文附錄中有如何配置Windows環境變量。
安裝完harp之后在命令行輸入harp，會有如下提示。即會出現內容。
快速入門
我們使用harp來初始化一個項目。
jade后綴的文件是html的一種模板引擎，可以加快html的開發，當然我們也可以使用ejs模板引擎，只需要修改文件后綴為ejs即可。
less后綴的文件是css的預處理文件，加快css的開發。當然也可以是使用sass進行開發。
我覺得ejs人剛入門的人看起來會更舒服一些，所以我將文件后綴都該為ejs結尾。
編輯ejs文件
<%- yield %>等ejs的標簽，可以查看ejs文檔進參考。
編輯less文件
less是css的擴展，可以定義變量，可以繼承其它的css樣式等，也是十分強大。
運行
- 在命令行模式下執行，可以看到啟動了本地服務器，端口為9000.
harp server
- 查看我們編寫的文件內容，在瀏覽器中輸入
http://localhost:9000/。查看效果，雖然我們并沒有編寫html和css文件，但是卻像編寫了html和css一樣。
當我們修改ejs文件和less文件的時候，再次刷新瀏覽器，修改就生效了，可以立即查看我們做的修改。
生成html和css
實際瀏覽器只能解析html和css文件，我們寫的不是html和css怎么辦呢？
這個時候，只需要我們編譯一下自己寫的文件就好了。
- 剛開始時我們的文件內容
- 在命令行中輸入,可以看到我們寫的文件都被編譯成html和css文件
harp compile
- 到時候，我們只需要把www目錄下的內容拿去用就好了。直接把www目錄下的內容放到服務器或者供后端人員使用。
其它的關于harp的高級用法，請參考Harp文檔。
總結
這篇文章，力爭讓不懂命令行，不懂node，不懂html模板引擎，不懂sass和less的人看懂。寫的稍微有些啰嗦。但是希望能達到效果，可以讓剛開始學習的小白快速入門。
附錄
-
NodeJS下載地址
官網不行的話用我的百度云
鏈接:http://pan.baidu.com/s/1hs6A5Ek 密碼:evnp - 如何添加Windows10環境變量
- Less中文文檔
- EJS中文文檔
- 為什么要使用css預處理器
