搭建前端开发环境

*搭建前端开发环境*

\1. 安装Google Chrome浏览器

首先要在官网下载安装包，然后可以自行选择要安装的盘，安装好之后就可以使用了。

\2. 安装Node

在官网下载Node的安装包，下载好之后双击安装，选择需要的盘，安装好之后测试是否成功。然后就是环境配置，现在需要的盘新建两个文件夹，分别为【node_global】及【node_cache】，创建完两个空文件夹之后，打开cmd命令窗口，输入npm config set prefix"D:\Develop\nodejs\node_global"

npm config set cache “D:\Develop\nodejs\node_cache”，接下来就是就是环境配置，此电脑右键打开属性到高级设置-高级-环境变量。配置完成后就可以安装module测试。打开cmd窗口就行安装。配置CNPM 输入npm install -g cnpm --registry=https://registry.npm.taobao.org

上述命令即可安装，另外要注意的是，安装完后，输入cnpm -v进行检测。由于笔者操作了第四步，cnpm跟npm是分开的，即npm里没有cnpm，之前设置的node环境变量对cnpm不起效，会出现输入cnpm不是内部命令这个问题，此时各位需要注意的是，一般这类问题都是跟环境变量有关，此时需要在环境变量Path路径后面加上D:\Program Files\nodejs\node_global，即cnpm脚本命令所在的文件夹目录下。

\3. 安装****Visual Studio Code****

到官网下载官方安装包，选择需要安装到的盘，安装好之后需要安装插件，调成中文状态，然后安装自己需要的插件。

\4. 安装Git

首先在官网下载安装包，安装成功，然后输入$ git config --global user.name “Your Name” $ git config --global user.email [“email@example.com”](mailto:) 配置个人信息。然后输入git init ls -ha创建版本库。

\5. 安装Typora

在官网下载正版安装包，选择需要安装的盘，就可以安装成功了。