【MIP官方博客】MIP开发教程(一) MIP-CLI工具安装与环境部署

• 依赖安装
• 安装MIP-CLI
• 安装 mip-extension-optimizer
• 创建开发文件结构

1. 依赖安装

MIP-CLI使用npm安装，依赖node环境：

• node安装-windows
• node安装-mac

MIP-CLI开发组件需要git：

• git安装-windows
• git安装-mac

2. 安装MIP-CLI

MIP-CLI：mip开发工具，用于MIP页面和组件的开发和校验。
依赖环境: Node.js (>=4.x) 输入node -v查看node版本，如果版本为5.x，6.x，请点击这里。

示例:

安装好node后在控制台输入以下指令：

$ [sudo] npm install -g mip-cli

出现以下界面显示正在安装：

如果安装过程中有报错，请点击这里查看解决办法 。

检验是否安装成功可以输入mip -V，如果出现mip版本号，则表示安装成功。

3. 安装 mip-extension-optimizer

MIP-extension-optimizer: mip组件编译工具，用于将mip-extension中的特定组件源码编译成js文件。

npm i -g mip-extension-optimizer

安装成功如下图：

4. 创建开发文件结构

打开https://github.com/mipengine/mip-extensions， fork一份mip-extensions项目代码

进入自己的mip-extension项目页，复制仓库地址：

在本地创建一个开发用的文件夹mip-project，git clone mip-extensions仓库到mip-project文件夹下：

git clone (刚才复制的仓库地址，如：https://github.com/xxxxxxx/mip-extensions.git)

建议文件目录结构如下图：

其中html文件夹用来存放我们后续开发的mip页面。

本系列共有四篇文章：

• 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进行安装：

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装淘宝镜像完成后再重复上述步骤：

cnpm install -g mip-cli

安装成功界面如图