五分鐘建立React Native 專案

先說明，五分鐘不包含下載所需檔案的時間，只是從所有材料準備好後，真正開啟App的時間😂。

本篇文章只有在設定專案環境，完全不需要寫程式，所以如果你想先看看React Native 是什麼，或是懷疑是否真的能建起跨平台程式，這篇文章很適合你👍。

我們所需的材料🪂
1. Node.js (NPM) https://nodejs.org/en/
2. Android Studio https://developer.android.com/studio
3. Xcode (Search from AppStore) ，如果你是Window 電腦，不必須。
4. 任何一個IDE，前端主流應該是 VSCode(免費)、Sublime，我自己是用WebStorm，但如果沒有學生信箱要付費

[本教學環境建立在 node 10.16，但請盡量安裝新版的node.js]

To Windows 電腦使用者：
一個很現實的問題，iOS的App只能在Apple的電腦上執行
所以如果你想同時做出 iOS 和 Android 的 App就只能買Ｍac 了 😭

這些安裝方式非常簡單，網路上也有很多教學，就不贅述。上面所需的材料都準備好了，讓我們開始計時了！

First step:

Mac:打開你的terminal

Windows: 打開你的 命令提示字元

輸入

node -v

如果你有版本出來，代表 node.js 安裝成功（版本不需和我的相同）

接下來繼續在你的Terminal 中輸入

npx react-native init MyAwesomeApp

MAC 的使用者，可能會被要求安裝cocoapods，如下圖，這時候就按yes，大膽的輸入你的電腦密碼。

等全部跑完以後

IOS:在Terminal中輸入

cd MyAwesomeApp
npx react-native run-ios

Android:

如果你的電腦中沒有任何Android 模擬器（夜神、Genymotion，任何都可以）

先打開你的Android Studio
新建並執行你的 Android 模擬器

接下來在命令提示字元，或是Mac 的 terminal 中輸入

cd MyAwesomeApp
npx react-native run-android

你就會在Android 和 iOS 的模擬器上看到一模一樣的畫面

好啦完成啦！很簡單吧！😇
如果有遇到問題歡迎在下發留言哦
如果覺得我的文章有幫助到你，幫我點個Clap ，讓我知道哦！