使用amaze ui模板全過程

amaze ui基於gulp構建，因此如今安裝gulp須要的環境，gulp使用npm安裝，npm基於node.js 因此一切從node.js開始

 

1 下載對應的node.js

打開 https://nodejs.org/en/download/  本身對應的系統，下載

2 對下載完畢的文件進行安裝

windows一路點擊next 慢慢等待就完畢！

在命令行下輸入  node  若是有交互提示 表示安裝成功

若是沒有則查看系統變量Path，把path配置上去。 

3 建立測試代碼 進一步測試

文件名 t.js

var http = require("http"); 
http.createServer(function(request, response) { 
response.writeHead(200, {"Content-Type": "text/plain"}); 
response.write("test nodjs"); 
response.end(); 
}).listen(8899); 
console.log("nodejs start listen 8899 port!"); 

進入命令行下 找到t.js存儲的路徑 運行  node t.js

瀏覽器中打開，也成功！

 

4 配置npm的全局路徑

Windows下的Nodejs npm路徑是appdata，可能不是咱們想要的路徑，能夠改爲咱們指定的路徑方便管理。 
在cmd下執行如下命令 
npm config set cache 「D:\nodejs\node_cache」 
npm config set prefix 「D:\nodejs\node_global」 
若是命令無效，能夠去nodejs的安裝目錄中找到node_modules\npm\npmrc文件，這個文件存放npm的userconfig配置。 
修改以下便可： 
prefix = D:\nodejs\node_global 
cache = D:\nodejs\ node_cache

 

5 全局安裝gulp

命令行下輸入

npm install -g gulp

而後輸入gulp -v，若是提示不是內部或外部命令，說明沒有配置系統變量path，手動去配置pasth，地址是prefix的地址。

 

6 本地安裝gulp

創建項目，建立Gulpfile.js和package.json文件,在項目目錄

運行命令npm install gulp –save-dev，安裝本地gulp。

安裝完畢！打開基於gulp的項目amaze ui的模板可正常查看

7. gulp的實施與使用

建立工做目錄與發佈目錄 工做目錄：即沒有通過壓縮合並等處理的文件存放目錄。 發佈目錄：即項目發佈所引用的文件目錄地址，這裏的文件是通過gulp壓縮合並等處理後生成的文件，處理事後的名字能夠自定義，也能夠不處理即與未處理文件名相同。