原生小程序開發目錄示例
- WXML。微信標記語言,用於展示UI模板,類似HTML,文件后綴名為“.wxml”。
- WXSS。WeiXin Style Sheets,用於規定UI樣式,具有 CSS 大部分特性。在CSS基礎上擴展了尺寸單位和樣* 式導入。文件后綴名為“.wxss”
- WXS。WeiXin Script。封裝后的JS,一般內嵌於WXML頁面,很方便構建頁面,標簽為”<wxs></wxs>"。
- JS。普通的JavaScript,常用於控制整個頁面的邏輯。后綴名為“.js”
- JSON。用於項目全局配置或單頁面配置,后綴名為“.json”。
整體小程序開發類似Web App開發,尤其是使用了Vue或React框架的Web App開發。
- 熟悉Web APP技術的開發者很容易上手小程序的開發。
- 由於小程序封裝了MVVM框架、網絡請求等非常實用的API、打包等操作,所以相對於普通的Web APP上手以及開發更加簡單。尤其在與微信的交互方面,小程序開發非常方便。
開源框架
- WePY。微信組件化框架,類Vue.js風格,讓Web App的開發者更容易開發小程序。類Vue.js風格;支持引入NPM包、組件化開發、ES2015+特性、Promise、多種編譯器(Less/Sass/Stylus/PostCSS、Babel/Typescript、Pug)等。GitHub Start 14864。
- mpvue。使用 Vue.js 開發小程序的前端框架,美團點評團隊出品。在最理想的狀態是,可以一套代碼可以直接跑在多端:WEB、小程序(微信和支付寶)、Native(借助weex)。使用該框架,Vue開發者幾乎可以無縫開發小程序。GitHub Start 14041
- weui-wxss。微信UI框架,包含一些常用的組件如button、cell、dialog、 progress等。GitHub Start 7473
- wafer。小程序開發全棧資源套件,企業級微信小程序全棧方案。GitHub Start 1910