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版本。