Taro是一套遵循React語法規則的多端開發解決方案。目前市面上已經有各式各樣的小程序、h5和安卓、ios端，如何解決一次開發，多端運行已經成為開發者目前迫切需要解決的難題。而使用 Taro，我們可以隻書寫一套代碼，再通過 Taro 的編譯工具，将源代碼分别編譯出可以在不同端（微信/百度/支付寶/字節跳動小程序、H5、React-Native 等）運行的代碼。

Taro 是一個基于 NodeJS 的多端統一開發框架，在安裝使用 Taro 之前需要确保已安裝好 Node 環境。

要使用Taro，需要安裝Taro 開發工具 @tarojs/cli。我們可以使用NPM 與或者Yarn的來安裝@tarojs/cli。

• NPM ：npm install -g @tarojs/cli
• Yarn：yarn global add @tarojs/cli
• 安裝完成後，測試一下是否安裝成功：taro -V

• taro -V

安裝完taro開發工具之後，我們可以使用tarojs/cli來進行開發。

使用命令創建模闆項目：taro init myApp

運行命令之後命令行會有提示：

• 首先輸入項目介紹：demo
• 然後選擇是否使用TYpeScript：n
• 選擇css預處理選擇：這裡選擇Sass
• 選擇模闆：默認模闆

完成後，Taro開始創建項目。

• 微信小程序：

npm run dev:weapp npm run build:weapp

• 百度小程序：

npm run dev:swan npm run build:swan

• 支付寶小程序：

npm run dev:alipay npm run build:alipay

• 頭條小程序：

npm run dev:tt npm run build:tt

• H5

npm run dev:h5 npm run build:h5

• React Native
• 運行React Native比較複雜，需要安裝相關的軟件

使用以上命令運行項目，項目可以在不同端正常啟動。

由于Taro還在維護中，因此有時候可能會需要更新。

• 更新 taro-cli 工具：
• taro：taro update self
• npm：npm i -g @tarojs/cli@latest
• 更新項目中Taro相關的依賴：taro update project

模闆項目的文件結構如下圖：

項目文件

• config: 和運行環境有關的配置文件
• src：我們今後開發的文件大部分都會放在這裡面，其中的pages為所有頁面存放的位置。pages下每一個文件夾代表一個頁面路徑。
• app.js：主文件入口，可以在這裡進行一些全局的配置。
• app.scss：app.js引用的樣式文件。
• index.html：模闆頁面。
• package.json：npm配置文件。

您的關注是我最大的動力

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!