--- title: 'React native expo go(Windows 11)' tags: React native description: React native expo go(Windows 11) --- # React native expo go(Windows 11) 以下會用到的軟體與網站 - [Nodejs](https://nodejs.org/en/download/) - [VSCode](https://code.visualstudio.com/download) - [Android studio](https://developer.android.com/studio?gclid=EAIaIQobChMIn-qJoJbI-QIVwcqWCh1iCAYXEAAYASAAEgIOi_D_BwE&gclsrc=aw.ds) --- [TOC] --- ### Nodejs 下載及安裝 下載Nodejs ![](https://i.imgur.com/eRKeaR0.png) 安裝直接next到底後,install -> Finish ![](https://i.imgur.com/SC1IvfX.png) ![](https://i.imgur.com/X3OVNH5.png) 打開環境變數，新增Path，如下圖： ![](https://i.imgur.com/toVawjw.png) ![](https://i.imgur.com/4opFxKW.png) 打開cmd下指令： ``` node -v ``` ![](https://i.imgur.com/3ctLeob.png) ### VSCode 下載及安裝 下載VSCode ![](https://i.imgur.com/IdMaoG5.png) 一樣下一步到底後，安裝 -> 完成 ![](https://i.imgur.com/ViEef2M.png) ![](https://i.imgur.com/v4hzXFv.png) ![](https://i.imgur.com/9g5WSLc.png) ### Expo Go 安裝 先新增專案路徑，再打開cmd下指令 ``` cd C:\project\disd npm i -g expo-cli ``` ![](https://i.imgur.com/Cc2DuHb.png) 下指令創建Expo Go專案 ``` expo init HelloWorld ``` 這邊專案我個人是用TypeScript開發，所以我會選第二個選項 ![](https://i.imgur.com/1MiI1P0.png) 專案創建完後，打開VSCode，File -> Folder...，選擇專案位置 ![](https://i.imgur.com/HuMvtMH.png) ![](https://i.imgur.com/nSdU3ml.png) 打開VSCode裡面的Terminal ![](https://i.imgur.com/9z8ifGq.png) ![](https://i.imgur.com/7t5F4uo.png) ### Android Studio 安裝 下載 Android Studio ![](https://i.imgur.com/gx2Z409.png) 下一步到底，安裝 ![](https://i.imgur.com/tKkdNZ7.png) ![](https://i.imgur.com/q1iJnSh.png) ![](https://i.imgur.com/ZXL2s1b.png) 安裝完後，開一個Android Project(主要是開Android虛擬機用) ![](https://i.imgur.com/S5o3we7.png) Finish ![](https://i.imgur.com/TfbFYqo.png) 打開Device Manager，先刪除原生的Android虛擬機，後再新增 ![](https://i.imgur.com/AniHUQs.png) ![](https://i.imgur.com/t780PQE.png) ![](https://i.imgur.com/TY3BBp8.png) ![](https://i.imgur.com/lYgWWbn.png) ![](https://i.imgur.com/vpJAAEd.png) 修改一下虛擬機的參數，不然程式會無法Build ![](https://i.imgur.com/Fy2WQzV.png) ![](https://i.imgur.com/UlHbOAG.png) ![](https://i.imgur.com/kQr4gKW.jpg) 打開VSCode，在打開Terminal，下指令 ``` npm start ``` ![](https://i.imgur.com/tbvCj5f.png) 再輸入a，回到剛剛的Android虛擬機 ![](https://i.imgur.com/XOH1a8H.png) ![](https://i.imgur.com/Us6wRPN.png)