React入門系列 - 1 開發環境搭建

1. 工欲善其事 必先利其器

1.1 開發工具

Visual Studio Code [[點擊下載]](https://code.visualstudio.com...

輕量級、功能強大的代碼編輯工具

---

Node.js [[點擊下載]](https://nodejs.org/en/download/)

前端開發必備

---

1.1.1 安裝Node.js

window安裝

點此 下載 完成以後，雙擊已經下載的安裝包。
一路下一步。直到須要你重啓電腦。

重啓完成電腦以後，按 Win+R 輸入 cmd。 打開命令行工具，輸入node -v。若是正常輸入了v10.15.0或者更高的版本號，代表你已經安裝成功了Node.js在本身的電腦中。

Mac安裝

點此 下載 完成以後，雙擊已經下載的安裝包。
一路下一步。直到須要你重啓電腦。

重啓完成電腦以後，打開Application中的實用工具。打開控制檯程序，輸入node -v。若是正常輸入了v10.15.0或者更高的版本號，代表你已經安裝成功了Node.js在本身的電腦中。

1.1.2 安裝Visual Studio Code

window安裝

經過[[點擊下載]](https://code.visualstudio.com...，獲得一個安裝包，根據本身的須要選擇安裝目錄。安裝完成以後，VS Code 會出如今你的桌面上。

Mac安裝

經過[[點擊下載]](https://code.visualstudio.com...，獲得一個pkg安裝包,打開以後默認安裝。安裝完成以後，VS Code 會出如今你的Application中，你能夠將VS Code鎖定在Mac的dock中。

1.1.3 VisualStudio Code 插件選擇

Chinese (Simplified) Language Pack for Visual Studio Code

VS Code中文語言包，在當前國情下應該是必要的插件。

ESLint

對你的JS代碼格式進行強校驗

Git History

查看當前文件的Git提交記錄

GitLens — Git supercharged

很是強大的Git輔助工具，直接使VS Code 比肩 webstorm。

JavaScript (ES6) code snippets

ES6 語法快捷輸入擴展

1.2 安裝Git

Git [[點此下載]](https://git-scm.com/)

進入網站以後，點擊右邊的Download便可下載符合你當前系統的git版本。