第一章 搭建前端开发环境
一、安装前端开发环境
1.安装谷歌浏览器
第一步 到Google chrome 官网下载最新版的 Chrome 浏览器。
第二步 下载完成之后双击安装程序会弹出安装提示，点击直接进行安装即可。
2.安装Node
第一步 进去Node官网，选择合适自己电脑系统类型的版本进行下载，建议新手选择LTS(长期支持）版本。
第二步 下载好之后双击该文件开始安装,点击next进入下一步，勾选同意协议，继续下一步。然后选择安装位置，默认情况下是在C盘。如果你电脑的C盘不是很大，建议点击Change换个盘存放。
第三步 接下来是选择安装哪些模块，默认是全部安装。这里我们选择默认安装，点击next进入下一步，点击install开始安装，接下来就是等待安装成功了。
第四步 安装完成后，我们还需要测试一下。按下windows+R键，在弹出的对话框里输入cmd后回车，在打开的dos命令窗口依次输入命令：node -v 、npm -v 如果出现版本号，说明我们Node已经安装成功。
3.安装Visual Studio Code
第一步 到 Visual Studio Code 官网下载最新版本 Visual Studio Code。
第二步 点击下载好的VSCode安装包进入VSCode的安装导向界面，点击下一步。
第三步 选择目标文件位置，我这里选择是放在D盘。然后直接下一步。
第四步 建议在安装的时候把VSCode添加到环境变量中，也就是在“添加到PATH”前面打勾，这样就不需要手动配置环境变量，然后点击下一步，点击安装，等待安装完成。
第五步 进入VSCode，安装插件简体中文语言包。
第六步 安装完重新进入界面，搜索Frontend Extension Pack点击下方的安装按钮开始安装就可以了。
4.安装Git
第一步 到 Git 官网下载最新版的 Git。
第二步 双击安装程序开始安装，点击next进入下一步，选择安装位置，我这是D盘。
第三步 勾选上方创建桌面图标，然后点击next进入下一步。
第四步 直接点击next进入下一步，选择Visual Studio Code的编辑器。
第五步 一直next进入下一步，直到安装完成。
5.安装Typora
第一步 到 www.typora.io（官网）或者 www.typora.net(中文) ，下载最新版 Typora。
第二步 双击安装程序，进入安装界面，选择安装路径，默认C盘，然后点击next。
第三步 是否创建快捷方式，根据自己喜好勾选，然后next下一步。
第四步 接着点击“Install”安装。
第五步 点击“Finish”，安装完成。