minapp
重新定義微信小程序的開發(fā)
官網(wǎng)：https://qiu8310.github.io/minapp/
作者：Mora
minapp
重新定義微信小程序的開發(fā)
使用
- 用 npm 安裝命令行工具：
npm install -g @minapp/cli --registry "https://registry.npmjs.org/"（避免從淘寶鏡像上安裝，它上面的還是老版本，已經(jīng)給他們提了一個(gè) issue） - 初始化項(xiàng)目：
minapp init <你要?jiǎng)?chuàng)建項(xiàng)目的文件夾>(同時(shí)支持創(chuàng)建 js 和 ts 項(xiàng)目) - 安裝兩個(gè) vscode 插件：minapp 和 dot-template（可選，但建議安裝）
功能概覽（在 vscode 編輯器下）
wx 所有接口都有智能的提醒，同時(shí)包括接口的參數(shù)，和返回值
wx接口示例
提供一個(gè) promise 版的 wx 接口 wxp，和 wx 一樣，只是它會(huì)將 wx 中所有需要 success/fail/complete 三個(gè)參數(shù)的函數(shù) promise 化
- wxp 中也支持使用 success 回調(diào)
- wxp 給 Promise 添加了一個(gè) finally 方法；如，你可以這樣用
wxp.getUserInfo().finally(() => { /* do something */ })
wxp示例
集成 mobx，可以非常方便的修改全局?jǐn)?shù)據(jù)，并自動(dòng)更新當(dāng)前頁面狀態(tài)
- 注入 Store 只需要在 appify 函數(shù)中添加 Store 對(duì)象即可
- Page 和 Component 中都默認(rèn)注入了 Store 對(duì)象，你可以使用
this.store獲取
mobx
wxml 模板語言支持語法高亮，組件智能提示，組件屬性智能提示（需要安裝 vscode 插件 minapp）
wxml
json 文件支持自動(dòng)提示
json
新建一個(gè) page 文件夾時(shí)，自動(dòng)生成相關(guān)文件（需要安裝 vscode 插件 dot-template）
- 自動(dòng)為你創(chuàng)建相關(guān)的同名的文件，包括 js/json/wxml/scss，并且這些模板文件你可以隨時(shí)在 .dtpl 文件夾下修改
- 自動(dòng)將新建的 page 路徑注入到 app.json 文件夾中
新建 Page 示例
小程序 Page 中支持函數(shù)自動(dòng)提示
Page 中的函數(shù)自動(dòng)提示示例
同理，新建組件文件夾時(shí)，也會(huì)創(chuàng)建相關(guān)的文件；同時(shí)組件中的生命周期函數(shù)也會(huì)自動(dòng)提示
Component 示例
關(guān)于此倉庫說明
這不是一個(gè)項(xiàng)目，是有好幾個(gè)項(xiàng)目組合而成的，用的是 lerna 開發(fā)工具，其它項(xiàng)目在 packages 目錄下，這里對(duì)其中的幾個(gè)主要項(xiàng)目做個(gè)簡(jiǎn)要概述
- minapp-generator: 此模塊負(fù)責(zé)解析微信官方文檔，生成結(jié)構(gòu)化的數(shù)據(jù)，供其它模塊使用
- minapp-core: 微信所有原生 api 的 TypeScript 定義，另外提供一個(gè) promise 版的 wx 接口
- minapp-mobx: 開發(fā)框架，集成 mobx
- minapp-compiler: 一個(gè)小程序的編譯器，集成 webpack 和 webpack-dev-server
- minapp-webpack-utils: 編譯器中需要使用的 webpack 相關(guān)的插件
- minapp-cli: 提供給用戶的命令行工具，集成了 minapp-compiler，并可以快速創(chuàng)建一個(gè)新項(xiàng)目
- minapp-vscode: vscode 插件，為wxml提供語法高亮、標(biāo)簽與屬性的自動(dòng)補(bǔ)全
TODO
- [ ] 小程序中的靜態(tài)資源自動(dòng)上傳到 七牛 (完成我的 file-uploader 組件)
- [ ] 實(shí)現(xiàn)類似于 vue 的功能，可以將所有文件寫在一個(gè)頁面上
- [ ] webpack 升級(jí)到 4.0
- [ ] 寫一個(gè)小程序的自動(dòng)化測(cè)試框架
下一篇：作者親著，重新定義微信小程序開發(fā) —— 上篇
