TouchWX
使用TouchWX開發(fā)小程序,需要學(xué)習(xí)@小程序文檔。
TouchWX是基于小程序組件機(jī)制開發(fā)的,所以說(shuō)支持小程序全部語(yǔ)法。
下載demo
1.下載TouchWX
npm install
2.終端命令
tui dev 或 tui build
3.啟動(dòng)項(xiàng)目
打開微信開發(fā)工具,選擇小程序。
1.項(xiàng)目目錄選擇dist文件路徑。
2.填寫AppID。
3.填寫項(xiàng)目名稱。
4.完成。小程序項(xiàng)目首頁(yè)。
創(chuàng)建一個(gè)新的小程序
安裝詳細(xì)流程請(qǐng)參考官方文檔。
開發(fā)工具
Visual Studio Code 下載地址:https://code.visualstudio.com。
調(diào)試工具(微信開發(fā)工具)
微信開發(fā)工具 下載地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
插件安裝
VS中安裝Touch WX和Vetur E。
Vetur E是我們基于vue語(yǔ)法插件Vetur擴(kuò)展,具有微信小程序API語(yǔ)法提示功能
touchui-wx-cli
npm install -g touchui-wx-cli
touchui-wx-component
npm install touchui-wx-components@1.0.89
項(xiàng)目目錄結(jié)構(gòu)

WechatIMG77.jpeg
使用
終端或者VS終端輸入命令。
啟動(dòng)服務(wù)
tui dev
打包dist
tui build
微信開發(fā)工具啟動(dòng)項(xiàng)目

WechatIMG76.jpeg
1.項(xiàng)目目錄是打包好的dist目錄。
2.AppID有就填寫,無(wú)就選體驗(yàn)。
3.輸入項(xiàng)目名稱。