搭建前端开发环境

第一章 搭建前端开发环境

一、在自己的电脑上安装好前端开发环境

一 安装浏览器 – Google Chrome

---

二 安装 JavaScript 运行时 – Node

---

Windows 上安装 Node.js

1、Windows 安装包(.msi)

安装步骤：

步骤 1 : 双击下载后的安装包 v0.10.26，如下所示：

步骤 2 : 点击以上的Run(运行)，将出现如下界面：

步骤 3 : 勾选接受协议选项，点击 next（下一步） 按钮 :

步骤 4 : Node.js默认安装目录为 “C:\Program Files\nodejs” , 你可以修改目录，并点击 next（下一步）：

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next（下一步）

步骤 6 :点击 Install（安装） 开始安装Node.js。你也可以点击 Back（返回）来修改先前的配置。 然后并点击 next（下一步）：

安装过程：

点击 Finish（完成）按钮退出安装向导。

配置环境

至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置
在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口

环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。

创建完两个空文件夹之后，打开cmd命令窗口，输入

npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"

接下来设置环境变量，关闭cmd窗口，“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

安装编辑器 – Visual Studio Code

安装

1. 首先需要下载VSCode，打开浏览器输入code.visualstudio(进入到官网),然后进入VSCode的首页，按照下图中红色箭头指示步骤点击下载，大家可以根据自己的操作系统进行下载，VSCode支持windows OS等系统，小编的是windows7，

2. 点击下载好的VSCode安装文件进入到VSCode的安装向导界面，如下图直接默认点击下一步

3. 然后勾选【我接受协议】，继续点击下一步

4. 然后选择VSCode软件安装位置，这个位置可以任意选择

5. 然后下图是创建开始菜单文件夹，这里默认然后继续点击下一步

6. 然后下图中是选择在进行软件安装的时候要进行其他的任务，这里小编只是选择【添加到PATH（重启生效）】这个选项，然后继续点击下一步

7. 然后下图是确认安装步骤，点击安装开始安装

击下一步

7. 然后下图中是选择在进行软件安装的时候要进行其他的任务，这里小编只是选择【添加到PATH（重启生效）】这个选项，然后继续点击下一步

8. 然后下图是确认安装步骤，点击安装开始安装