建立第一個React.js專案
===

環境準備
---
這邊我們選擇在本機搭建React環境，透過==create-react-app CLI==來建立專案，在這之前我們需要先下載==Node.js==，使用==npm==來建立第一個React.js專案（這邊跟Vue CLI建立專案是一樣的）。

:::warning
可以從這邊下載Node.js：[官網下載點](https://nodejs.org/zh-tw/download/)
:::

create-react-app 建立專案
---

開啟終端機輸入

* 全域安裝 ```create-react-app```

npm install -g create-react-app


如果Error跑出權限問題，改用sudo就可以安裝成功了

sudo npm install -g create-react-app


* 建立專案

接著我們cd進入到想要建立專案的資料夾下，輸入指令建立專案

npx create-react-app myfirstreact

myfirstreact為自訂的專案名稱


等他跑完，看到success就代表成功建立了專案囉

我們依照提示輸入來把專案run起來(這邊我用yarn)

yarn start

也可以使用 npm

npm run start


在瀏覽器打開 ```http://localhost:3000``` 就可以看到React.js的專案成功啟動了！


> 下一篇：[React.js 專案架構](https://hackmd.io/@eating-coding/rkyPrr_JY)

###### tags: `React.js學習歷程` `React.js`