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

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

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 打开 输入以下指令(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 下不需要

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/535917.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

向MIP开源项目提交Issues

Issues 是 GitHub 管理需求,讨论技术方案的方式,附:官方解释。MIP 是在 GitHub 上的开源项目,也使用 Issues 来做任务管理。 一、Issues 在 MIP 项目中的应用 MIP 项目中的 Issues 主要有两种用法: 1. * 记录 bug,…

Nginx(七):nginx原理解析

前面我们讲到了nginx的反向代理、负载均衡、动静分离以及高可用,本篇我们来了解一下nginx的原理,看一下nginx是怎么执行的。 1、mater和worker 2、worker是如何进行工作的 3、相关问题 3.1、一个 master 和多个 woker 有好处 (1&#xff0…

MIP技术交流分享(3月9日)

3月9日上周四下午,MIP 团队工程师与去哪儿酒店云、众荟的 Web 前端工程师进行了一次面对面的技术交流。 在这次交流中,MIP 工程师主要分享了 MIP 技术原理,MIP 加速原理,以及 MIP 为开发者提供的工具集。去哪儿的工程师也提出了通…

SpringBoot基础篇(一):Spring Boot入门

我们今天开始对SpringBoot的学习,本篇主要是Spring Boot的入门部分。 1、SpringBoot简介 引用SpringBoot在百度百科中的含义: Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使…

SpringBoot番外篇(一):使用Spring Initializer快速创建Spring Boot项目(IDEA版)

IDE都支持使用Spring的项目创建向导快速创建一个Spring Boot项目; 选择我们需要的模块;向导会联网创建Spring Boot项目; ps:需要联网 1、创建新项目时选择Spring Initializ,选择好java版本,点击next。r 2、填写项…

开发教程(四) MIP组件平台使用说明

组件审核平台用于上传 MIP 组件。经过自动校验之后,提交审核,通过审核的组件会定时推送到线上,供网站使用。 平台地址:https://www.mipengine.org/platform/ 1. 使用说明 MIP 组件审核平台用于提交开发完成的组件,如…

MIP 技术交流分享(3月15日)

3月15日下午,MIP 团队工程师与58赶集的 Web 前端工程师进行了一次面对面的技术交流。 在这次交流中,MIP 工程师主要分享了 MIP 技术原理,MIP 加速原理,以及 MIP 为开发者提供的工具集。 58赶集的工程师提出了以下问题&#xff1a…

Redis(零):背景

什么是NoSQL,什么是Redis,我们在了解这个系列之前,先来看一下Redis是从何而来?Why redis is needed? 1、单机MySQL年代 在最早的单机MySQL年代,存在着访问量小,单个数据库等特点。 但是特有着众多的缺…

Redis(二):Redis入门与性能测试

1、Redis概述 Redis是什么: Redis(Remote Dictionary Server ),即远程字典服务,是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库,并提供多种语言的API。 免费开源&#xf…

Redis(三):Redis基础知识与常用命令

1、基础命令 Redis默认有16个数据库,用的是第0个数据库,可以使用select进行切换数据库,使用DBSIZE查看DB大小(只针对当前数据库)。 使用keys * 查看当前数据库下所有的key,使用flushdb清除当前数据库&am…

五个案例简述Web设计原则:通用一致

作者 | 百度搜索用户体验中心 《Web设计指南》分为设计原则、基础规范两方面主要内容,同时会提供相应的实际案例及资源下载。欢迎关注OpenWeb开发者,订阅《Web设计指南》。 前言 《Web设计指南》是专门为广大Web内容生态提供一套简单实用的设计指南&a…

WebP 在减少图片体积和流量上的效果如何?WebP 技术实践分享

作者 | Jackson 编辑 | 尾尾 不论是 PC 还是移动端,图片一直占据着页面流量的大头,在图片的大小和质量之间如何权衡,成为了长期困扰开发者们的问题。而 WebP技术的出现,为解决该问题提供了好的方案。本文将为大家详细介绍 WebP 技…

百度主任架构师谭待:如何让不带团队的程序员负责重大项目?

演讲 | 谭待 整理 | 赵新龙、尾尾 谭待,百度主任架构师、百度搜索公司技术委员会联席主席。主要研究领域在分布式系统和搜索引擎,是百度BVC代理计算和Matrix私有云的主要设计者,两获百度最高奖。主持设计了百度新一代搜索架构,在…

Chrome Dev Summit 2017参会笔记

作者 | 高磊 编辑 | 尾尾 为期两天的 Chrome Dev Summit 2017 于 10月23日~24日在美国旧金山举办。由于我们近期和Google的合作较多,对Google的动作也比较关注,所以受邀参加了这次的Chrome Dev Summit (CDS)。本文是我在现场做的…

九个案例简述Web设计原则:简洁清晰

作者 | 百度搜索用户体验中心 《Web设计指南》分为设计原则、基础规范两方面主要内容,同时会提供相应的实际案例及资源下载。欢迎关注OpenWeb开发者,订阅《Web设计指南》。 前言 《Web设计指南》是专门为广大Web内容生态提供一套简单实用的设计指南&a…

大型网站HTTPS 实践(一)| HTTPS 协议和原理

作者 | 百度HTTPS技术支持团队 百度已经上线了全站 HTTPS 的安全搜索,默认会将 HTTP 请求跳转成 HTTPS。本文就着重介绍了 HTTPS 协议涉及到的重要知识点和平时不太容易理解的盲区,希望能对大家理解 HTTPS 协议有帮助。百度 HTTPS 性能优化涉及到大量内容…

大型网站HTTPS实践:HTTPS对性能的影响

作者 | 百度HTTPS技术支持团队 百度已经上线了全站 HTTPS 的安全搜索,默认会将 HTTP 请求跳转成 HTTPS。百度 HTTPS性能优化涉及到大量内容,从前端页面、后端架构、协议特性、加密算法、流量调度、架构和运维、安全等方面都做了大量工作。本系列的文章将…

PWA将带来新一轮大前端技术洗牌?

作者 | 彭星 编辑 | 尾尾 一、回顾历史:移动时代之初,Web遭遇两大枷锁 Web 在移动时代遭遇两大枷锁1.Web 在移动时代遭遇两大枷锁 当 Web 自信满满,步入移动时代之时,它还没有做好充足的准备。 回顾 2014 到 2015 年那段时间…

高级精致智能快捷的Web设计原则案例

作者 | 百度搜索用户体验中心 《Web设计指南》分为设计原则、基础规范两方面主要内容,同时会提供相应的实际案例及资源下载。关注OpenWeb开发者,回复“设计指南”,即可获取已发布资源。 设计原则之高级精致 简洁并不等于粗糙没有细节&#x…

Linux系列(一):简介与目录结构

1、Linux简介 1.1、起源 Linux出现于1991年,是由芬兰赫尔辛基大学学生Linus Torvalds和后来加入的众多爱好者共同开发完成 1.2、Linux特点 多用户,多任务,丰富的网络功能,可靠的系统安全,良好的可移植性,…