
Taro 是一個多端開發(fā)框架,主要用于構建小程序、H5 網(wǎng)頁和 React Native 應用。它的目標是通過一種統(tǒng)一的開發(fā)語言(JavaScript 或 TypeScript)來編寫一次代碼,并生成多個平臺可運行的應用,實現(xiàn)“寫一遍,到處運行”的理念。
主要特點:
跨平臺支持:Taro 支持小程序(如微信小程序、支付寶小程序等)、H5 和 React Native,使得開發(fā)者可以通過一套代碼實現(xiàn)多種平臺的應用。
組件化開發(fā):Taro 提供了豐富的組件庫,支持自定義組件,便于開發(fā)者構建復雜的用戶界面。
豐富的生態(tài):Taro 在生態(tài)系統(tǒng)中融入了許多流行的庫和工具,比如 React、Redux 等,使得開發(fā)者可以更靈活地選擇適合的技術棧。
強大的 CLI:Taro 提供了命令行工具,可以快速創(chuàng)建項目、構建和預覽應用,降低了開發(fā)的門檻。
熱更新:支持熱重載,開發(fā)者在修改代碼后可以實時預覽更新,提高開發(fā)效率。
插件機制:Taro 允許開發(fā)者自定義插件,以便于擴展框架的功能。
總的來說,Taro 是一個高效且靈活的開發(fā)框架,適合需要廣泛跨平臺支持的現(xiàn)代應用開發(fā)。
初始化
目前Taro 4.x版本已經(jīng)發(fā)布,最新穩(wěn)定版本為v4.0.8,但4.x版本的文檔依然沒有更新。所以本文依然使用3.x 的較新版本(v3.6.34)。


node 版本要求18.x以上,確保你的node版本已更新到較新版本。
CLI工具安裝
yarn global add @tarojs/cli
執(zhí)行腳本
taro init taro-i18n
按照提示輸入或者選擇即可。本文使用(React+TypeScript+Less+Webpack5+CLI內(nèi)置默認模版)。


運行
執(zhí)行完畢,安裝好依賴??梢灾苯訄?zhí)行cd taro-i18n 到項目目錄下運行:
H5
yarn dev:h5
微信小程序
yarn dev:weapp
也可以通過編輯器打開運行,下圖是通過Webstorm打開的項目目錄

運行成功后即可在瀏覽器中預覽,小程序需要在微信開發(fā)者工具中預覽。

總結
通過以上方式,我們就也可以順利完成Taro項目的初始化工作了。
核心步驟:
- CLI工具安裝
yarn global add @tarojs/cli
- 項目初始化
taro init taro-i18n
- 項目安裝及運行
yarn dev:h5
參 考 官 網(wǎng):安裝及使用
GitHub官網(wǎng): https://github.com/NervJS/taro