搭建前端开发环境

搭建前端开发环境

一、安装谷歌浏览器**——Google Chrome

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

**二、**安装 JavaScript 运行时 – Node

​ 1、到 Node 官网https://nodejs.org/zh-cn/下载、安装并设置好最新的 Node 长期支持版。

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

​ 注意安装目录尽量不要安装在C盘里

​ 2、安装完成后测试一下

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

​ node -v

​ npm -v

​ 查看环境变量：path

​ 配置NPM：

​ npm config set prefix “D:\Program Files\nodejs\node_global”

 npm config set cache "D:\Program Files\nodejs\node_cache"

​ 配置国内镜像源：

​ npm config set registry https://registry.npm.taobao.org

​ 注意：一定要设置好国内镜像源！

**三、**安装编辑器 – Visual Studio Code

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

​ 2、安装插件

 推荐安装插件：

​ 简体中文语言包（Chinese (Simplified) Language Pack for Visual Studio Code）

​ 前端插件包（Frontend Extension Pack）

​ 注意！！插件不是越多越好！

​ 参考资料：https://www.liaoxuefeng.com/wiki/896043488029600

​ https://www.runoob.com/git/git-tutorial.html

​

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

​ 1、到 Git 官网（https://git-scm.com/downloads)下载并安装最新版的 Git。

​ 注意：安装过程中注意选择：用 Visual Studio Code为 Git 的默认编辑器。

​ 2、配置个人信息（打开Git Bash）:

​ $ git config --global user.name “Your Name”

   $ git config --global user.email "email@example.com"

​ 3、创建版本库：

​ git init

​ ls -ha

​ 常用命令：

	Git 常用的是以下 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 的版本库。

**五、**安装 Markdown 文档编辑器 – Typora

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

​ 大家也可以试试自己写写文章发到博客里面。

---

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

​ 大家也可以试试自己写写文章发到博客里面。

---