分享幾個微信小程序開發框架和工具

###【小程序開發框架】php

一、官方框架MINAcss

小程序提供的開發框架爲MINA框架,它相似於淘寶Weex、Vue框架。MINA框架經過封裝微信客戶端提供的文件系統、網絡通訊、任務管理、數據安全等基礎功能,對上層提供一整套JavaScript API,讓開發者可以很是方便地使用微信客戶端提供的各類基礎功能與能力,快速構建一個應用。html

地址:前端

https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.htmlvue

二、美團小程序框架mpvuenode

mpvue 是美團點評開源的一個使用Vue.js開發小程序的前端框架。框架基於 Vue.js 核心,mpvue 修改了 Vue.js 的  runtime 和  compiler 實現,使其能夠運行在小程序環境中,從而爲小程序開發引入了整套 Vue.js 開發體驗。使用  mpvue 開發小程序,你將在小程序技術體系的基礎上獲取到這樣一些能力:webpack

  • 完全的組件化開發能力:提升代碼複用性
  • 完整的 Vue.js 開發體驗
  • 方便的 Vuex 數據管理方案:方便構建複雜應用
  • 快捷的 webpack 構建機制:自定義構建策略、開發階段 hotReload
  • 支持使用 npm 外部依賴
  • 使用 Vue.js 命令行工具 vue-cli 快速初始化項目
  • H5 代碼轉換編譯成小程序目標代碼的能力

Github:ios

https://github.com/Meituan-Dianping/mpvuegit

官網:程序員

http://mpvue.com/

三、Tina.js 一款輕巧的漸進式微信小程序框架

tina-js.jpg
tina-js.jpg

特性: 輕盈小巧。 極易上手,保留 MINA (微信小程序官方框架) 的大部分 API 設計;不管你有無小程序開發經驗,均可以輕鬆過渡上手。 漸進加強,既有狀態管理器,也有路由加強,還能夠本身編寫插件。

Tina.js 開源框架地址:

https://github.com/tinajs/tina

四、組件化開發框架wepy

WePY 是一款讓小程序支持組件化開發的框架,經過預編譯的手段讓開發者能夠選擇本身喜歡的開發風格去開發小程序。框架的細節優化,Promise,Async Functions的引入都是爲了能讓開發小程序項目變得更加簡單,高效。

特性:
  • 類Vue開發風格
  • 支持自定義組件開發
  • 支持引入NPM包
  • 支持Promise
  • 支持ES2015+特性,如Async Functions
  • 支持多種編譯器,Less/Sass/Styus、Babel/Typescript、Pug
  • 支持多種插件處理,文件壓縮,圖片壓縮,內容替換等
  • 支持 Sourcemap,ESLint等
  • 小程序細節優化,如請求列隊,事件優化等

Github地址:

https://github.com/Tencent/wepy

官網地址:

https://tencent.github.io/wepy

五、前端框架weweb

weweb是一個兼容小程序語法的前端框架,你能夠用小程序的寫法,來寫web應用。若是你已經有小程序了,經過它你能夠將你的小程序運行在瀏覽器中。

特性: 跨平臺,一套代碼多端運行(小程序、h五、將來直接打包成安卓、ios app也不是夢) 自帶經常使用組件,完美繼承了小程序內置組件 兼容小程序rpx語法,使頁面更容易適配各類機型

地址:

https://github.com/wdfe/weweb

小程序開發工具

一、圖片處理工具Jinaconvert

jinaconvert.jpg
jinaconvert.jpg

Jinaconvert能夠幫你把圖片處理成各類須要的格式,你只須要在 Jinaconvert 上選擇你須要的格式類型,再將圖片文件上傳至便可。

工具網站地址:

https://jinaconvert.com/cn/

二、單位轉換工具postcss-px2units

將px單位轉換爲rpx單位,或者其餘單位的PostCSS插件。 postcss-px2units就能夠使用簡單的配置,輕鬆實現轉換。並且該插件能夠將px轉換爲任意你想轉換的單位,好比rem。

地址:

https://github.com/yingye/postcss-px2units

三、騰訊雲上傳插件qcloud-upload

基於nodejs的騰訊雲上傳插件 支持自定義文件前綴、覆蓋及非覆蓋上傳方式

地址:

https://github.com/yingye/qcloud-upload

四、二維碼工具weapp.qrcode.js

在微信小程序中,快速生成二維碼 可自定義二維碼內容、寬高、糾錯級別。此外,還支持生成不一樣先後景色的二維碼。

地址:

https://github.com/yingye/weapp-qrcode

微信小程序腳手架工具 wxdad

一款微信小程序腳手架工具,幫助你快速開發微信小程序應用。目前有兩個功能: 快速構建初始項目架構。 把 wxdad 語法快速編譯成 wxml 和 wxjs 文件,幫助開發者急速開發。

地址:

https://gitee.com/lisniuse/wxdad

五、小程序圖標工具wx-charts

基於 canvas 繪製、體積小巧的微信小程序圖表工具。

  • 支持圖表類型:
  • 餅圖 pie
  • 圓環圖 ring
  • 線圖 line
  • 柱狀圖 column
  • 區域圖 area
  • 雷達圖 radar

地址:

https://github.com/xiaolin3303/wx-charts

六、小程序開發、微信公號管理系統RhaPHP

RhaPHP微信平臺管理系統,支持多公衆號管理,小程序開發,APP接口開發,平臺反文旁蟲立且快速簡潔易用。靈活的擴展應用機制,具備容易上手,幾乎融合微信接口,簡單的調用對二次開發與開發擴展應用模塊大大提升開發效率,下降企業商家運營成本。擴展應用模塊化,機制靈活,代碼簡單並快速上手。基於THINKPHP5強力內核驅動與LAYUI前端框架,支持 Linux/Windows/Mac。

官方網站:

https://www.rhaphp.com/

七、即速應用:適合技術小白的小程序開發工具

可視化操做,直接拖拽組件生成頁面 提供大量可套用的模板 可將代碼打包下載,直接對接到小程序的開發工具 下載下來後的代碼能夠任意編輯 複雜的功能仍然須要專業程序員二次開發

官網:

http://www.jisuapp.cn/

附:微信小程序開發者文檔官網地址

https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

閱讀更多

Python探究之旅—Python語言的基本認識

玩Hook技術?這三個選擇題能答對算我服你!

歡迎和我一塊學習技術

相關文章
相關標籤/搜索