我的技術(shù)選項(xiàng)已經(jīng)確定了uni-app x，接著就要開始動(dòng)手搭開發(fā)環(huán)境了。

友情提示：如果發(fā)現(xiàn)下面文章有漏掉什么重要的細(xì)節(jié)，可以參閱官方文檔。
傳送門：https://doc.dcloud.net.cn/uni-app-x/

一、HBuilderX

開發(fā)uni-app基本離不開HBuilderX，而開發(fā)uni-app x的話除了需要HBuilderX，還需要新版的HBuilderX。

• 推薦版本4.0+
• 建議HBuilderX保持最新版本的更新。因?yàn)椋瑄ni-app x作為新事物往往不太穩(wěn)定，需要補(bǔ)丁很多。同步IDE最新版本有助于我們?nèi)粘ｉ_發(fā)的避坑。

更新完成后，打開HBuilderX，在新建項(xiàng)目界面上可以選擇創(chuàng)建uni-app x項(xiàng)目工程了。注意：uni-app x不支持vue2，所以勸大家別費(fèi)這個(gè)力氣了

項(xiàng)目模板

項(xiàng)目的目錄結(jié)構(gòu)跟uni-app基本一致。不同的是，某些文件后綴變了。原來的.vue變成了.nvue，.ts變成了.uts。這主要是為了跟原生API和特性兼容，并與傳統(tǒng)uni-app框架區(qū)分，而特意這么設(shè)計(jì)的。

項(xiàng)目的目錄結(jié)構(gòu)

二、調(diào)試插件

我們做移動(dòng)App開發(fā)調(diào)試，一般會(huì)用到手機(jī)模擬器，開發(fā)起來會(huì)比較方便高效。自然也有人喜歡直接用真機(jī)做開發(fā)調(diào)試，這也是沒問題的。我個(gè)人比較習(xí)慣，開發(fā)時(shí)用模擬器，測(cè)試時(shí)用真機(jī)。

無論用什么，在HBuilder都比需要安裝相關(guān)的插件才可以支持App的開發(fā)調(diào)試。菜單：【運(yùn)行】-【運(yùn)行到手機(jī)或模擬器】-【制作自定義基座】，首次點(diǎn)擊會(huì)自動(dòng)安裝相關(guān)的插件。

插件安裝

手機(jī)調(diào)試插件安裝好了，剛才的菜單信息會(huì)變成這樣：

插件安裝后

點(diǎn)擊【運(yùn)行到Android App基座】，然后電腦接上手機(jī)或者打開模擬器，就可以選擇對(duì)應(yīng)機(jī)型去進(jìn)行調(diào)試了。

調(diào)試機(jī)型

三、Genymotion模擬器

什么？！你既沒有安卓手機(jī)，也沒有安裝模擬器？好吧，送佛送到西，我來推薦一款叫作Genymotion的模擬器吧。

看到這里有人會(huì)說，國(guó)產(chǎn)安卓模擬器很多呀，我打游戲經(jīng)還常用呢，為什么推薦對(duì)這款名不知名的產(chǎn)品？

我稍微解釋一下原因：

• 1、國(guó)產(chǎn)模擬器全是很多，什么網(wǎng)易MuMu、藍(lán)疊、雷電、夜神……一聽名字就知道是什么玩意，全是為了游戲娛樂而生的。我這里并無貶損之意，只是客觀道出這些模擬器設(shè)計(jì)的初衷。雖然有的也能調(diào)試App，但是還是不合適我。首先系統(tǒng)里面很多自帶很多對(duì)我沒用的App不說，ROM的版本是單一的（比如它出廠是，安卓9.0就只能是9.0，不能幫我改成安卓12）。我們開發(fā)調(diào)試為了兼容性，往往會(huì)測(cè)試不同的版本，機(jī)型和內(nèi)核版本差異化，這些模擬器是做不到的。
• 2、另外一個(gè)原因或許比較感性。不知道，有多少朋友試過，在安卓2.x的時(shí)代做App開發(fā)？如果有不用我多說，就那時(shí)候的安卓SDK帶的模擬表現(xiàn)有多么的不堪。單單開機(jī)就能卡10分鐘以上。Genymotion的出現(xiàn)，可以說給了我們移動(dòng)開發(fā)者一道曙光。所以，我盡管最近幾年做移動(dòng)開發(fā)較少，但我仍記得Genymotion，仍保留當(dāng)年那個(gè)賬號(hào)。

題外話就說到這里。如果下伙伴想試試Genymotion的話，繼續(xù)往下走。如果已經(jīng)有別的模擬器，那就可以先看到這里?；蚴且呀?jīng)習(xí)慣安卓官方SDK的模擬器（現(xiàn)在它性能好多了），也可以參考：https://uniapp.dcloud.net.cn/tutorial/run/installSimulator.html

1、下載安裝

下載地址：https://www.genymotion.com/product-desktop/download/

挑選合適自己機(jī)器的包安裝。注意：Genymotion依賴VirtualBox做虛擬化，所以如果你的系統(tǒng)沒有VirtualBox，建議下載Genymotion+VirtualBox的安裝包

2、登錄注冊(cè)
安裝好之后，需要登錄賬號(hào)才能是用，如果沒有賬號(hào)的小伙伴可以用郵箱簡(jiǎn)單注冊(cè)一個(gè)。

登錄注冊(cè)

詢問是否要購買Licence，選擇Personal Use。個(gè)人是可以免費(fèi)使用的，雖然比起付費(fèi)版本少了一些功能，做一個(gè)普通的App開發(fā)模擬器還是夠用的。有能力有高級(jí)功能需求的朋友，也可以購買Licence升級(jí)付費(fèi)版本。

購買Licence詢問

3、下載安裝虛擬系統(tǒng)
選擇一個(gè)機(jī)型，然后定制好一系列參數(shù)之后，把ROM下載到本地。

選擇機(jī)型

安裝完成

4、啟動(dòng)模擬器
最后，啟動(dòng)模擬器后，回到HBuilderX，我們看到安卓調(diào)試的基座上出現(xiàn)了模擬器連接方式。

連接模擬器

啟動(dòng)調(diào)試，看到這個(gè)界面已經(jīng)大功告成了。接下來小伙伴就可以愉快地開發(fā)uni-app x應(yīng)用了。

應(yīng)用跑起來了

5、幾個(gè)小技巧
最后補(bǔ)充幾個(gè)關(guān)于Genymotion使用的小技巧：

• 安裝應(yīng)用：直接把APK包拖放到模擬器窗口即可。
  如果出現(xiàn)提示INSTALL_FAIL_CPU_ABI_INCOMPATIBLE的錯(cuò)誤，大概是編譯App選目標(biāo)CPU跟當(dāng)前電腦的不配。下載一個(gè)叫Genymotion ARM Translation的插件，安裝商就可以了（下載地址：https://github.com/m9rco/Genymotion_ARM_Translation）。下載后不用解壓，直接將ZIP包拖放到模擬器窗口。然后重啟模擬器
• 中文輸入：英文輸入可以直接敲鍵盤，但是如果想輸入中文的話可能比較麻煩，我的做法是從電腦復(fù)制粘貼過去