第一章 搭建前端开发环境

第一章 搭建前端开发环境

一、安装前端开发环境

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”，安装完成。