一、安装Google Chrome

到Google chrome 官网下载并安装最新版的 Chrome 浏览器。

二、安装JavaScript运行时-Node

一、下载对应你系统的Node.js版本:https://nodejs.org/en/download/

二、开始安装

下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js

点击【Next】按钮

勾选复选框，点击【Next】按钮

修改好目录后，点击【Next】按钮

安装完后点击【Finish】按钮完成安装

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

安装完后的目录如下图所示：

此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西三、环境配置说明：这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，之所以要配置，是因为以后在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全局安装的意思）的安装语句时，会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中，占C盘空间。例如：我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图：

创建完两个空文件夹之后，打开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】

四、测试配置完后，安装个module测试下，我们就安装最常用的express模块，打开cmd窗口，输入如下命令进行模块的全局安装：npm install express -g # -g是全局安装的意思

三、安装编辑器 – Visual Studio Code

1、到 Visual Studio Code 官网https://code.visualstudio.com/下载并安装最新版本 Visual Studio Code。

安装插件

简体中文语言包（Chinese (Simplified) Language Pack for VS Code）：https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-zh-hans

前端插件包（Frontend Extension Pack）：https://marketplace.visualstudio.com/items?itemName=karbassi.frontend-extension-p

四、安装分布式版本控制工具 – Git

1、到 Git 官网（https://git-scm.com/downloads)下载并安装最新版的 Git。安装过程中注意选择：用 Visual Studio Code为 Git 的默认编辑器

2、配置个人信息：$ git config --global user.name “Your Name”$ git config --global user.email “email@example.com”创建版本库：

git initls -ha.git目录

常用命令：$ git config --global user.name “Your Name” $ git config --global user.email “email@example.com” git init ls -haGit 常用的是以下 6 个命令：git clone、git push、git add 、git commit、git checkout、git pull。workspace（工作区）：在电脑里能看到的目录。staging area（暂存区/缓存区）：英文叫 stage 或 index。一般存放在 .git 目录下的 index 文件（.git/index）中，所以我们把暂存区有时也叫作索引（index）。local repository（本地仓库）：工作区有一个隐藏目录 .git，这个不算工作区，而是 Git 的版本库。remote repository（远程仓库）：

安装 Markdown文档编辑器 – Typora

到 www.typora.io（官网） 或者 www.typora.net(中文) ，下载并安装最新版 Typora。