1. 依賴安裝
MIP-CLI 使用 NPM 安裝,依賴 node 環境:
MIP-CLI 開發組件需要 git:
2. 安裝 MIP-CLI
MIP-CLI:mip 開發工具,用於 MIP 頁面和組件的開發和校驗。
依賴環境: Node.js (>=4.x)
輸入node -v
查看 node 版本,如果版本為 5.x,6.x, 請點擊這里 。
示例:
將安裝好的 node 打開 輸入以下指令(mac系統需要sudo):
$ npm install -g mip-cli
mac系統需要使用以下指令:
$ sudo npm install -g mip-cli
出現以下界面顯示正在安裝:
如果安裝過程中有報錯, 請點擊這里查看解決辦法 。
檢驗是否安裝成功可以輸入mip -V
,如果出現 mip 版本號,則表示安裝成功。
3. 創建開發文件結構
在本地創建一個開發用的文件夾mip-project
,在文件夾中新建 html,mip-ext 兩個空文件夾。使用 bash 可以一步到位:
$ mkdir mip-project && cd mip-project && mkdir html && mkdir mip-ext && cd ../
html 文件夾用來存放后續開發的 mip 頁面,mip-ext 用於存放個性化組件。
本系列共有四篇文章:
- MIP 開發教程 (一) MIP-CLI 工具安裝與環境部署
- MIP 開發教程 (二) 使用 MIP-CLI 工具調試 MIP 網頁
- MIP 開發教程 (三) 使用 MIP-CLI 工具調試組件
- MIP 開發教程 (四) MIP 組件平台使用說明
附:安裝過程中可能出現的問題
1. node 版本問題
nodejs 5.x, 6.x 安裝模塊時,可能會報 node-gyp 相關錯誤,需要使用如下命令安裝
$ [sudo] npm install --unsafe-perm -g mip-cli
nodejs 5.x 安裝 bufferutil 模塊時可能會報編譯錯誤,建議使用 4.4 或者 6.x 以上版本。
2. 使用 cnpm 鏡像安裝
如果 NPM 安裝模塊出了問題,請嘗試 國內npm 鏡像或 cnpm 進行安裝:
$ [sudo] npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝淘寶鏡像完成后再重復上述步驟:
$ [sudo] cnpm install -g mip-cli
3. -bash: $: command not found 報錯
$
為 bash 命令的默認提示符,真正執行的是 $ 后面的內容
4. [sudo]: command not found 報錯
[sudo] 意為可選添加,在 mac 下全局安裝需要 sudo install,在 windows 下不需要