优定义网

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 下无效)。

回复

使用道具 举报

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

本版积分规则

精华推荐
  • 一个人开始废掉的3种迹象

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

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

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

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

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

  • 哥特式高迪凳子

    哥特式高迪凳子

  • 千亿小米,雷军逆袭

    千亿小米,雷军逆袭

  • 她一战赚了几十亿,她说:世界上最好的生意有三种

    她一战赚了几十亿,她说:世界上最好的生意有

  • 雷军:合伙人比制度更重要!

    雷军:合伙人比制度更重要!

  • 一个美美的令人喜欢的自行车铃

    一个美美的令人喜欢的自行车铃

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

优定义logo

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

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

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

粤公网安备 44011102001144 号 GMT+8, 2018-9-24 16:24 , Processed in 0.102086 second(s), 29 queries .

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