Taro項目初始化

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

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容