共计 989 个字符，预计需要花费 3 分钟才能阅读完成。
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 版本。
