1.3 開發環境及工具介紹

Taro項目開發依賴Node.js環境，并且要求Node.js版本高于8.0.0，Taro允許使用大多npm中的庫，支持更友好的第三方依賴管理。如果你剛接觸Taro，那么推薦使用Taro提供的腳手架工具創建項目，同時該工具提供了很多功能，譬如診斷依賴、創建模塊、更新包、打包構建等。我們就從安裝Taro腳手架開始吧！

1.3.1 安裝Taro腳手架工具

你可以選用npm或者Yarn全局安裝＠tarojs/cli，或者使用npx。不過由于Node.js版本限制等問題，推薦使用nvm這一工具來管理Node.js版本。

使用npm全局安裝Taro腳手架：

使用Yarn全局安裝Taro腳手架：

安裝過程可能會提示Sass相關依賴安裝錯誤，這時請終止，然后手動安裝mirror-config-china后重試。安裝命令如下：

1.3.2 初始化項目

上一節已經成功安裝Taro腳手架工具，現在只需一行命令就能創建出基礎Taro項目了，命令如下：

如果你的npm版本大于5.2，則可以直接使用npx創建項目：

項目模板及相關配置文件創建完成以后，Taro會自動安裝項目中所需要的相關依賴。為了提升安裝速度，Taro內部會為我們按照Yarn、cnpm、npm的順序檢測并選擇更快的方式去安裝依賴。如果在依賴安裝過程中出現錯誤導致安裝終止，則可以進入項目的根目錄嘗試手動安裝。

1.3.3 運行項目

Taro開發環境的啟動命令較多，分別對應不同端的代碼編譯與調試，但是為了更方便記憶與語義化，Taro定義了相對一致的開發環境啟動命令，以npm運行命令為例，如下表所示。

通過以上命令，可以將Taro項目編譯為不同端開發環境的代碼。這時，只需要使用各端（除了H5）對應的開發工具，打開編譯生成的項目文件，即可預覽調試。以微信小程序為例：

（1）運行針對微信小程序的編譯命令：npm run dev：weapp。

（2）使用微信小程序開發工具，打開該項目目錄下的dist文件夾，即可在微信小程序開發者工具中進行預覽與調試。

如果你需要同時調試預覽多端應用，則需要修改項目下的config/index.js文件，配置outputRoot參數：

1.3.4 打包項目

Taro的打包命令同樣有多個，也分別對應不同端的線上環境代碼生成。為了方便記憶與語義化，Taro定義了相對一致的打包線上環境的代碼命令，以npm為例，如下表所示。

通過以上命令，可以將Taro項目編譯為不同端線上環境的代碼，這時只需要使用各端（除了H5）對應的開發工具發布項目即可。打包生成線上環境的代碼相較運行本地開發環境的代碼，做了更多優化相關的處理，例如JavaScript代碼壓縮丑化等。

1.3.5 Taro腳手架命令

Taro腳手架提供了很多功能輔助我們開發，可使用taro--help查看Taro腳手架工具的相關提示。這里給大家講解開發過程中常使用的幾個命令，更多命令可前往Taro官網查看學習。

1.更新——update

該命令用來更新項目中的Taro相關依賴或者更新自身的腳手架工具。

更新項目依賴：

如果用以上方法更新項目依賴失敗，則可嘗試修改package.json文件指定對應的依賴版本，然后使用npm或Yarn手動安裝。

更新腳手架：

2.環境及依賴信息——info

該命令用來檢測Taro環境及依賴的版本等信息，從而方便開發者查看項目環境及依賴，更便捷地排查因開發環境引起的問題。用法如下：

命令執行完畢，會打印出項目的相關信息，示例如下：

這樣一來，我們可以發現當前使用的Taro腳手架工具版本為2.2.4。但項目中的依賴版本卻是2.1.6，此時需要更新項目依賴，以保證與Taro腳手架工具版本一致，更新命令為：

3.項目診斷——doctor

該命令可以診斷項目的依賴、設置、結構及代碼的規范是否存在問題，診斷結束后會嘗試給出對應問題的解決方案。使用示例如下：