javascript 網頁設計環境架設 - yeoman

1. 安裝 node.js

2. 安裝 yeoman 可使用終端機 --- npm install -g yo

3. 安裝 Bower  可使用終端機 --- npm install -g bower

4. 安裝 Grunt  可使用終端機 --- npm install -g grunt-cli

5. 安裝 generator-threejs-module (其他generator可於yeoman Discovering generators 搜尋)

安裝過程遇到以下Error

npm ERR! Please try running this command again as root/Administrator.

輸入以下指令再輸入密碼(解決方式來源)

sudo chown -R $USER /usr/local

6. CD 至想新增專案之資料夾

7. 終端機指令：yo

8. 選擇 Threejs Module

9. 終端機指令：grunt

此時會打開一個新網頁，而之後在專案資料夾開發，儲存時會在瀏覽器上做自動重新載入網頁

Mac 中開啟 iOS Safari console log

在 iOS 中進入設定→ Safari(在左側欄) → 進階 → 網頁檢視器，將其打開

然後 iOS 設備連接至 Mac

iOS 設備及 Mac 打開 Safari

在 Mac 的 Safari 中選取--開發 → 需要 log 的 iOS 設備 → 需要 log 的網頁分頁