搭建前端开发环境

搭建前端开发环境

一）安装浏览器 – Google Chrome

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

二）安装 JavaScript 运行时 – Node

​ **1.**安装完成Node.js之后，进入cmd，测试软件是否安装成功。

​ **2.**配置环境

第一步系统环境

第二步用户变量

配置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

​ **2.**安装插件

如中文插件 和前端基本的一些插件

请注意：插件并非越多越好，有些插件已经过时了，有些插件对性能有严重影响。

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

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

配置个人信息：

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

创建版本库：

git init
ls -ha

克隆远程仓库：

git clone
git clone git@github.com:fsliurujie/test.git --SSH协议
git clone git://github.com/fsliurujie/test.git --GIT协议
git clone https://github.com/fsliurujie/test.git --HTTPS协议

本地仓库和远程仓库关联（同步）：

$ git remote add origin git@server-name:path/repo-name.git
$ git remote add origin git@github.com:{用户名}/{远程仓库名}.gi

关联后，使用命令如下第一次推送master分支的所有内容；

$ git push -u origin master

此后，每次本地提交后，只要有必要，就可以使用如下命令推送最新修改

$ git push origin master

五）安装 Markdown 文档编辑器 – Typora

​ 了解Markdown 文档语法，试着写一份 Markdown 文档。

ush origin master