# 搭建前端开发环境 ##

第一章 搭建前端开发环境
一、在自己的电脑上安装好前端开发环境一 安装浏览器 – Google Chrome

二 安装 JavaScript 运行时 – Nodenode.js
安装Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/。可以根据不同平台系统选择你需要的 Node.js 安装包。Node.js 历史版本下载地址：https://nodejs.org/dist/Windows 上安装 Node.js1、Windows 安装包(.msi)本文实例以 v0.10.26 版本为例，其他版本类似， 安装步骤：步骤 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窗口安装完后的目录如下图所示：此处说明下：新版的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窗口，
输入如下命令进行模块的全局安装：

三 安装编辑器 – Visual Studio Code
安装首先需要下载VSCode，打开浏览器输入code.visualstudio(进入到官网),然后进入VSCode的首页，按照下图中红色箭头指示步骤点击下载，大家可以根据自己的操作系统进行下载，VSCode支持windows OS等系统，小编的是windows7，所以直接下载就可以了，如下图：2下图就是小编下载下来的VSCode文件，可以看到这个文件并不是特别大，如下图：3点击下载好的VSCode安装文件进入到VSCode的安装向导界面，如下图直接默认点击下一步，如下图：4然后勾选【我接受协议】，继续点击下一步，如下图：5然后选择VSCode软件安装位置，这个位置可以任意选择，如下图：6然后下图是创建开始菜单文件夹，这里默认然后继续点击下一步，如下图：7然后下图中是选择在进行软件安装的时候要进行其他的任务，这里小编只是选择【添加到PATH（重启生效）】这个选项，然后继续点击下一步，如下图：8然后下图是确认安装步骤，点击安装开始安装，如下图：9下图中是安装进度显示如下图：10安装成功之后的安装成功提示，如下图：11安装结束之后会默认打开VSCode，打开的VSCode软件界面如下图所示：END安装插件：1.简体中文语言包2.前端插件包

四 安装分布式版本控制工具 – Git
一、git下载与安装 百度git官网，下载链接，根据自己电脑系统下载相应的安装包， 下载最新版本，点击红框或篮筐处即可 点击下载好的安装包安装这个软件
一直点击next，直到出现install，点击install，安装完成后点击finish：
安装好后在桌面界面点击鼠标右键，会出现如下界面
检查git是否安装OK
键盘Ctrl+r，然后在弹出框中出入cdm，弹出如下界面，输入git，回车
弹出上图所示界面就说明安装成功啦！！！
二、环境配置 git安装好去GitHub上注册一个账号，注册好后，点击桌面上的Git Bash快捷图标，我们要用账号进行环境配置啦啦# 配置用户名
git config --global user.name “username” //（ "username"是自己的账户名，）
配置邮箱
git config --global user.email “username@email.com” //("username@email.com"注册账号时用的邮箱)
1234 以上命令执行结束后，可用 git config --global --list 命令查看配置是否OK生成ssh继续刚才的操作，在命令框中输入以下命令，ssh-keygen -t rsa
1 然后连敲三次回车键，结束后去系统盘目录下（一般在 C:\Users\你的用户名.ssh）(mac: /Users/用户/.ssh）查看是否有。ssh文件夹生成，此文件夹中以下两个文件 \4. 将ssh文件夹中的公钥（ id_rsa.pub）添加到GitHub管理平台中，在GitHub的个人账户的设置中找到如下界面 title随便起一个，将公钥（ id_rsa.pub）文件中内容复制粘贴到key中，然后点击Ass SSH key就好啦 \5. 测试一下配置是否成功，在Git Bush命令框（就是刚才配置账号和邮箱的命令框）中继续输入以下命令，回车ssh -T git@github.com
要是看见下面的这句话就说明配置好啦

五 安装 Markdown 文档编辑器 – Typora
下载方式再放一下Typora下载地址(听我bb这么多是不是已经想下载Typora了!)进入Typora官网之后,我们下滑,直到这里↓选中你的下载方式,这里以WindowsWindows为例进入,选择X64X64　or X32X32下载时间可能有些长(可能是我网速慢?6min。然后会出现这样的页面↓打上√的话,是创造桌面快捷方式安装完毕之后,我们就能使用了!##