Window 前端开发环境和工具安装

安装 Node:

Node 安装会默认装好 npm。
npm 是 Node 官方为 Node 定制的一个工具，是 Node 的包管理器。

1. 下载安装包：在官网中 https://nodejs.org/zh-cn/download/ 下载 Node 安装包，双击安装包运行安装。
2. 配置环境变量：右击 我的电脑 --> 属性 --> 高级系统设置 --> 环境变量，在系统变量的 Path 下新建输入 Node 的路径即可。
   
   

安装 Git:

1. 在官网 https://git-scm.com/downloads/ 下载 Git。

2. 安装包下载完成后进行安装，鼠标右击如果看到有两个 git 的选项则表明 Git 安装成功了。
   
   
   

3. 在终端配置用户名和用户邮箱。

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

4. 创建 SSH Key 生成秘钥：在终端输入 ssh-keygen -t rsa -C "liuchao102@163.com"，需要把邮件地址换成自己的 Git 登录账户，然后一路回车，使用默认值即可，可以在用户主目录里找到 .ssh 目录，里面有 id_rsa 和 id_rsa.pub 两个文件。

   SSH 的作用是让本地版本库与远程版本库通信，也就是你在本地修改好的代码，需要同步到服务器上的时候，就需要这个 SSH 密钥来通讯。

   如果不显示 pub 文件，可能是电脑没有开启显示已知文件扩展名。
   解决方法：点击查看->文件扩展名即可。

   

5. 登陆 GitHub，打开 Account settings --> SSH Keys 页面，然后点击 Add SSH Key，填上任意Title，在 Key 文本框里粘贴 id_rsa.pub 文件的内容。
   

安装 Webstorm：

1. 在官网 https://www.jetbrains.com/webstorm/download/#section=windows，根据自己的电脑系统下载安装包。
2. 下载完成后双击 .exe 文件进行安装。
   
   

Webstorm 2019.2.3：

1. 将下面两个文件放到一个纯英文的路径下。
   
2. 点击 Evaluate for free 进入 Webstorm。
   
3. 点击 Help --> Edit Custom VM options，然后将 -javaagent:C:\ProgramData\Microsoft\Windows\Start Menu\Programs\webstormFixer\jetbrains-agent.jar 改为自己的第一步的文件路径。
   

4. 关掉 Webstorm 重新进入。
5. 点击 Help-->Register，然后将 https://fls.jetbrains-agent.com 复制到如下位置即可。
   
   
6. 重启Webstorm进入即可正常使用；