taro基于nodeJS
安裝參考安裝及使用 | Taro 文檔
cli工具安裝
npm install -g @tarojs/cli
如果安裝過程出現(xiàn)sass錯誤
先安裝
npm install -g mirror-config-china
項目初始化
taro init myApp
我這邊是采用react來進行編寫
后續(xù)進行構(gòu)建,直接install
cd myApp
npm install
編譯運行
使用 Taro 的?build
?命令可以把 Taro 代碼編譯成不同端的代碼,然后在對應(yīng)的開發(fā)工具中查看效果。
Taro 編譯分為?dev
?和?build
?模式
dev 模式(增加 --watch 參數(shù))?將會監(jiān)聽文件修改
build 模式(去掉 --watch 參數(shù))?將不會監(jiān)聽文件修改,并會對代碼進行壓縮打包
dev 模式生成的文件較大,設(shè)置環(huán)境變量?NODE_ENV
?為?production
?可以開啟壓縮,方便預(yù)覽,但編譯速度會下降
# yarn
$ yarn dev:weapp
$ yarn build:weapp
# npm script
$ npm run dev:weapp
$ npm run build:weapp
# 僅限全局安裝
$ taro build --type weapp --watch
$ taro build --type weapp
# npx 用戶也可以使用
$ npx taro build --type weapp --watch
$ npx taro build --type weapp
# watch 同時開啟壓縮
$ set NODE_ENV=production && taro build --type weapp --watch # CMD
$ NODE_ENV=production taro build --type weapp --watch # Bash
編譯成功之后
無論是dev還是build編譯,都會在項目目錄下會產(chǎn)生dist目錄
?將該目錄引入至,微信開發(fā)者工具,進行調(diào)試
?文章來源:http://www.zghlxwxcb.cn/news/detail-484059.html
dev --watch則會實時編譯到dist文章來源地址http://www.zghlxwxcb.cn/news/detail-484059.html
到了這里,關(guān)于基于taro開發(fā)微信小程序的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!