MIP开发教程(二) 使用MIP-CLI工具调试MIP网页

杨旭 发表于 2018-6-20 20:42:11 | 显示全部楼层 |阅读模式

  • 初始化 MIP 配置
  • 新建一个 MIP 网页
  • 编写 MIP 网页代码
  • 校验 MIP 网页
  • 调试 MIP 网页

1. 初始化 MIP 配置

首先在html目录下进行初始化 MIP 配置:

  1. $ mip init
复制代码
1.jpg

此时会创建mip.config文件:

2.jpg

2. 新建一个 MIP 网页

在mip-project/html文件夹下输入如下命令:

  1. $ mip add index.html
复制代码
3.jpg

成功添加后,本地文件夹中会出现 index.html 文件,这就是一个基础的 MIP 页面

4.jpg
5.jpg

在新建网页的时候可以添加需要载入的 MIP 组件 JavaScript 脚本,例如:

  1. $ mip add index.html mip-share
复制代码
6.jpg

将在index.html中载入mip-share组件的 JavaScript 脚本

7.jpg

3. 编写 MIP 网页代码

MIP 页面新手指南可参见 官网文档-新手指南。在编写 MIP 代码的时候需要注意符合 MIP 网页规范,否则通不过 MIP 校验程序,MIP 校验规则地址:https://www.mipengine.org/doc/2-tech/2-validate-mip.html

4. 校验 MIP 网页

  1. $ mip validate index.html
复制代码

出现ERROR的条目通不过 MIP 校验,需要进行修改。

例如:

8.jpg

** 注意 **:

MIP 页面应该为utf-8编码,其他编码格式通不过校验,如果需要使用其他编码格式,可以使用线上校验器粘贴代码进行校验,线上校验器地址: https://www.mipengine.org/validator/validate

5. 调试 MIP 网页

进入到 html 项目目录,启动mip server

  1. $ mip server
复制代码
9.jpg

访问http://127.0.01:8000进入调试页面:

10.jpg

** 注意 **:

mip server默认监听8000和35730端口,如果有端口冲突可以在mip.config中修改启动端口。

也可以使用mip server -f命令强制关闭当前占用端口的 node 进程 (windows 下无效)。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

精华推荐
  • 造车生死局:要么转型,要么死

    造车生死局:要么转型,要么死

  • 从欠8千万到年赚8亿

    从欠8千万到年赚8亿

  • 一座非典型五线小城的日常

    一座非典型五线小城的日常

  • 真正努力奋斗的人,是不会去抱怨的

    真正努力奋斗的人,是不会去抱怨的

  • 真正有灵魂的设计, 灵感都是源于自然

    真正有灵魂的设计, 灵感都是源于自然

  • 一个人开始废掉的3种迹象

    一个人开始废掉的3种迹象

  • 从零到60秒的惬意冰镇啤酒

    从零到60秒的惬意冰镇啤酒

  • 马云、马化腾、王石都弃之不用的人,有一个共同点

    马云、马化腾、王石都弃之不用的人,有一个

QQ客服热线
QQ:1090281100 周一至周日:09:00 - 21:00
WeChat:duzhe1069
Email:kaixin1069@vip.qq.com

优定义logo

勿要吝啬你无形资产,请为创新续源,知识、点子、灵感、经验、需求等均是创新源泉,你不经意的一句话将是另一个人的灵感。明天的明天,还有明天,我们应该把握今天,每一个今天,都有一个新的事物在出现,今天的漠视明天的落后,不浪费每一个学习的时刻,学习助力非凡。

技术支持 Discuz! X3.4 - 3.5 beta © 2001-2019 Comsenz Inc.

小黑屋|手机版|优创意 ( 粤ICP备16085288号-1 )|申请友链|网站地图

粤公网安备 44011102001144 号 GMT+8, 2019-4-24 04:42 , Processed in 0.088705 second(s), 29 queries .

快速回复 返回顶部 返回列表