和大家分享一下,微信小程式專案中很實用的框架和工具庫~
框架推薦
WePY
WePY 是一款讓小程式支援元件化開發的框架,通過預編譯的手段讓開發者可以選擇自己喜歡的開發風格去開發小程式。比較顯著的特點是,類Vue開發風格 和 小程式細節優化,如請求列隊,事件優化等。
地址:WePY
mpvue
mpvue 是一個使用 Vue.js 開發小程式的前端框架。
和 wepy 不同的地方是,它希望在未來最理想的狀態是,可以一套程式碼可以直接跑在多端:WEB、小程式(微信和支付寶)、Native(藉助weex)。
地址:mpvue
工具推薦
postcss-px2units
將 px 單位轉換為 rpx 單位,或者其他單位的 PostCSS外掛。
剛剛提到了,mpvue框架希望一套程式碼可以執行在多端,其中有一個重要方面就是,px
轉換為 rpx
單位。
postcss-px2units 就可以使用簡單的配置,輕鬆實現轉換。而且該外掛可以將 px
轉換為 任意 你想轉換的單位,比如 rem
。
gulp-upload-qcloud
騰訊雲 cos 靜態資源上傳 gulp 外掛
由於小程式程式碼包上傳有大小限制,所以,往往一些大的圖片,會直接上傳到cdn上去。該外掛支援自定義檔案字首、覆蓋及非覆蓋上傳方式。
如果你的小程式專案沒有使用gulp構建工具,給你推薦另外一個工具 upload-qcloud
,往下滑啊~
qcloud-upload
基於
nodejs
騰訊雲上傳外掛
支援自定義檔案字首、覆蓋及非覆蓋上傳方式,更加詳細的內容,歡迎閱讀文件~
weapp.qrcode.js
在 微信小程式 中,快速生成二維碼
weapp.qrcode.js 可自定義二維碼內容、寬高、糾錯級別。此外,還支援生成 不同前後景色的 二維碼,秀一張給你看看啊。
地址:weapp-qrcode
最後
隨著小程式的不斷髮展和完善,相信會有更多的人投入到小程式的開發中來,希望本文推薦的一些工具能對大家有所幫助。
文中有任何表述不清或不當的地方,歡迎大家批評指正。