---
# System prepended metadata

title: 環境設置
tags: [' react-page', note-page]

---

---
title: 環境設置
tags: note-page, react-page
---

# 環境設置

> 在開始code之前呢?
> 首先我們要先下載需要的工具，
> 設置自己的開發環境，
> 好讓自己在開發階段可以更舒服輕鬆

那我們到底需要什麼樣的工具呢?
- IDE
- Node.js
- npm

## IDE
> Integrated Development Environment

這個部份其實沒有一定要哪一個IDE，
只要用的順手就可以了，
如果不知道要用甚麼的話，
就用VS Code吧!!

VS Code在各個表單中，都榜上有名，甚至位居第一。
因為真的很好用!!

### 安裝VS Code

- Step 1: 到官方網站->https://code.visualstudio.com/
- Step 2: 依照自己的作業系統挑選相對應的安裝程式。
![](https://i.imgur.com/UbGE2Cu.png)
- Step 3: 以window為例，安裝它。
![](https://i.imgur.com/qhWvzYD.png =400x)

![](https://i.imgur.com/xll50lC.png =400x)
- Step 4: 啟動?! 不然呢?!

## Node.js
> Node.js 是能夠在後端執行的JavaScript的開放原始碼

Node.js 可以幫助我們編譯，建置React。

- windows：
到官網下載->https://nodejs.org/en/
記得在安裝過程中要把"加入path"打勾!!

- mac OS:
直接打開terminal，輸入：
```
brew install node
```

## npm
> Node Package Manager

npm是Node.js預設的
用來管理JavaScript套件的系統。

如果你成功安裝node之後，你可以在terminal輸入：
```
node -v
npm -v
```
![](https://i.imgur.com/yWjFOq1.png)

當你成功看到版本號就代表成功惹!!