MIP开发教程(一) MIP-CLI工具安装与环境部署

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,请点击这里

示例:
MIP开发教程(一) MIP-CLI工具安装与环境部署 MIP教程 第1张

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

$ [sudo] npm install -g mip-cli

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

MIP开发教程(一) MIP-CLI工具安装与环境部署 MIP教程 第2张

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

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

MIP开发教程(一) MIP-CLI工具安装与环境部署 MIP教程 第3张

3. 安装 mip-extension-optimizer

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

npm i -g mip-extension-optimizer

安装成功如下图:

MIP开发教程(一) MIP-CLI工具安装与环境部署 MIP教程 第4张

4. 创建开发文件结构

打开https://github.com/mipengine/mip-extensions, fork一份mip-extensions项目代码
MIP开发教程(一) MIP-CLI工具安装与环境部署 MIP教程 第5张

进入自己的mip-extension项目页,复制仓库地址:
MIP开发教程(一) MIP-CLI工具安装与环境部署 MIP教程 第6张

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

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

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

MIP开发教程(一) MIP-CLI工具安装与环境部署 MIP教程 第7张

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


本系列共有四篇文章:

附:安装过程中可能出现的问题

1. node版本问题

nodejs 5.x, 6.x 安装模块时,可能会报node-gyp相关错误,像这样:

MIP开发教程(一) MIP-CLI工具安装与环境部署 MIP教程 第8张

需要使用如下命令安装

$ [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

MIP开发教程(一) MIP-CLI工具安装与环境部署 MIP教程 第9张

安装成功界面如图

MIP开发教程(一) MIP-CLI工具安装与环境部署 MIP教程 第10张