MIP開發教程(二) 使用MIP-CLI工具調試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默認監聽800035730端口,如果有端口沖突可以在mip.config中修改啟動端口。

也可以使用mip server -f命令強制關閉當前占用端口的 node 進程 (windows 下無效)。


本系列共有四篇文章:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM