前端电脑必备软件 安装教程 windows系统

新电脑，开发从安装开始

今天拿到了新电脑，之前一直用mac开发，现在又回到windows开发，而且还是一台新的电脑，里面什么都没有，那么我一步步从无到有，安装各种软件。

前端必备软件

1. git
2. node
3. 编辑器（我使用了webstorm），vscode也是不错的选择
4. chrome浏览器

chrome

良好的开端是成功的一半，所以我们先安装chrome浏览器，安装chrome的作用不言而喻，chrome是前端开发的一个利器。这边不做叙述。直接浏览器搜索安装就好了，没有其他的坑。

git

git作为仓库管理工具，是每个开发者都要学会的东西。

git安装步骤如下（也可自行百度）：

官网下载：https://git-scm.com/downloads

下载完成之后点击安装

一步步执行next，没有坑，可直接安装

nodejs安装（推荐NVM）

传统的nodejs安装方法都是直接下载node安装，这边要介绍一个node版本管理工具。因为之前遇到了一种情况，新项目用的是最新的node版本，老项目用的是老的，修改代价太大，后来知道了nvm之后，效率大大提高。

安装步骤如下：

官网下载： https://github.com/coreybutler/nvm-windows/releases

选择圈出版本

解压安装

1.双击安装

2.选择路径（这边一定一定要注意，路径要自定义，否则将会出现node -v 拒绝访问的问题）

修改成自己的路径。
3.接下来一步步next即可
4.安装完毕之后，打开cmd，查看是否安装成功，下图即为安装成功

4.设置node和npm镜像
在nvm安装目录，找到 setting.txt加上如下两行：
node_mirror: https://npm.taobao.org/mirrors/node/ npm_mirror: https://npm.taobao.org/mirrors/npm/
添加之后如图所示：

5.安装node版本
nvm使用也简单说明一下，主要常用以下几个：
nvm list：列出node版本
nvm use 版本号 ：使用某版本
nvm install 版本号：下载某版本
nvm install latest：下载最新版本

6.安装好之后，在cmd命令中执行node -v

出现以上界面就代表安装没问题啦
7.如果出错了，删掉nvm重新安装，这里要注意的是，系统路径那边也要删除，详情可百度。

webstorm

安装没啥可说的，但是有一个激活码，可网上寻找。
webstorm遇到的问题：
1.terminal中运行npm i失败
解决办法：
在file-settings-language&frameworks，选择你的node路径和npm路径

npm 包管理工具nrm

npm install 的时候经常会比较慢，需要我们安装淘宝镜像，那么除了淘宝镜像之外其实还有很多镜像可以给我们选择，此时需要用到nrm管理工具。

nrm 安装

直接在cmd中运行，npm i -g nrm
安装完毕之后即可
常用方法：
nrm ls
nrm use