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

2024-04-26 06:46:43

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

1. 初始化 MIP 配置

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

$ mip init

此时会创建mip.config文件：

2. 新建一个 MIP 网页

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

$ mip add index.html

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

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

$ mip add index.html mip-share

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

3. 编写 MIP 网页代码

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

4. 校验 MIP 网页

$ mip validate index.html

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

例如：

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

5. 调试 MIP 网页

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

$ mip server

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

* 注意 *：

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

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

本系列共有四篇文章：

MIP 开发教程 (一) MIP-CLI 工具安装与环境部署
MIP 开发教程 (二) 使用 MIP-CLI 工具调试 MIP 网页
MIP 开发教程 (三) 使用 MIP-CLI 工具调试组件
MIP 开发教程 (四) MIP 组件平台使用说明

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

MIP开发教程(一) MIP-CLI工具安装与环境部署
依赖安装安装 MIP-CLI 创建开发文件结构 1. 依赖安装 MIP-CLI 使用 NPM 安装,依赖 node 环境: node 安装-windows node 安装-mac MIP-CLI 开 ...
MIP开发教程(三) 使用MIP-CLI工具调试组件
一 . 在 mip-extensions 仓库中创建新的组件二 . 预览调试组件三 . 在 MIP 页中引用自己编写的 MIP 组件四 . 组件提交到 GitHub 仓库时需要进行校验站长开发 ...
SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版
一套适合 SAP UI5 初学者循序渐进的学习教程教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
微信公众号开发教程(二)消息接收与响应处理
作者:陈惠,叩丁狼教育高级讲师.原创文章,转载请注明出处. 上一篇文章我们已经实现了URL接入,接下来就可以利用微信官方的开发文档来实现不同的案例.(注意:若还没有进行接入操作,请参考开发教程(一)) ...
Android简明开发教程二十一：访问Internet 绘制在线地图
在例子Android简明开发教程十七:Dialog 显示图像中我们留了一个例子DrawMap()没有实现,这个例子显示在线地图,目前大部分地图服务器都是将地图以图片存储以提高响应速度. 一般大小为2 ...
SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用
本教程的前一步骤,我们介绍了如何使用 Cordova 将已经开发好的,能够在 PC 端运行的 SAP UI5 应用,构建并打包成 apk 文件,以便像 Android 原生应用一样,安装到安卓移动设备 ...
使用微信开发者工具调试微信网页授权登录-react
转:https://www.jianshu.com/p/9ced1a297c95 1.使用localhost本地调试使用微信开发者工具, 选择微信网页授权, 微信团队为广大的开发者提供了一个测试账号 ...
Windows8 游戏开发教程-二、关于资源和工具
游戏主循环,帧.帧动画这些东西的理解非常重要. 常用的设计模式和编码调试技巧也非常重要. 但有点难以言传的意思,语言和文字并不能在以上两点帮助你,自己努力练习和理解吧. 就讲讲资源和工具. 很多人总是 ...
无废话SharePoint入门教程二[SharePoint发展、工具及术语]
一.前言 1.由于上一篇文章的标题命名失误,此篇标题写给百度搜索"什么是SharePoint". 2.关于什么是SharePoint,请参见本人的第一篇文章:http://www. ...

最新文章

热门文章