# Day1學前端 Frontend with React - *Start React*
###### tags: `frontend`

Copyright 2021, [月下麒麟](https://hackmd.io/@YMont/note-catalog)

---

## Target
學習前端、後端技術分離，本篇著重在前端工具的安裝

## Preparation Tool

react == v14.18.0
npm == v6.14.15

## Install Tutorial
* 安裝React.js，無腦的一直下一步安裝
[下載並安裝React.js](https://nodejs.org/en/download/)
* 安裝npm()
* create react 專案資料夾(project file)
* 進入react 專案資料夾
* 啟動專案
* Server端，啟動成功的畫面
* Web端，啟動成功畫面

Reference:[IT邦幫忙 Day11:React環境安裝以及啟動React](https://ithelp.ithome.com.tw/articles/10221099)
Reference:[React篇: 建置React開發環境](https://eyesofkids.gitbooks.io/react-basic-zh-tw/content/day14_react_env/)

今天就學習到這~