2022年前端开发环境配置 （win10）

安装谷歌浏览器，Clash软件（google用）

 webstrom和vscode二选一

vscode建议和cmder结合，yarn和cmder单独安装。

---

安装vscode（免费）

https://code.visualstudio.com/

web自带的命令行不好用直接用cmder的，后面介绍两者怎么结合。

有时候左边的代码管理用不了，是没有配置正确路径，解决办法是正确的 git 的安装地址（启动地址）但是有些 git 的版本不一样，可能也会不一样吧。所以，请打开 win+R，执行 where git，此时获取到的 git 地址，才是真的 git.path 的配置地址。

https://blog.csdn.net/leonhe27/article/details/81210000

安装webstorm(收费)

web自带的命令行不好用直接用cmder的

---

安装cmder(Cmder是一个软件，它被创建出来替代极不满没有漂亮的控制台模拟器的Windows上)

下载地址http://cmder.net/

（可选）

将Cmder默认的命令提示符"λ"改为“$”，

在cmder\vendor中的clink.lua内做如下修改"λ"替换成"$"

选择Startup-Task，修改{cmd::Cmder}项，把:

*cmd/k "%ConEmuDir%\..\init.bat"  -new_console:d:%USERPROFILE%

修改成

cmd/k"%ConEmuDir%\..\init.bat"-new_console:d:D:\

---

安装nvm

https://github.com/coreybutler/nvm-windows/releases

找到nvm-setup.zip安装包,需要注意的是安装路径最好是C:\nvm，默认的路径安装成功后，在切换node版本时会有问题。

还有就是在安装成功后，会自动配置系统变量。这里不用管，只是知道有这么一回事就行了，以免以后修改环境变量的时候不要误操作了就好。

NVM_HOME：nvm的安装目录

NVM_SYMLINK：node的安装目录

对了下载完找到nvm的安装目录，打开setting.txt文件，添加上下面两个配置：

输入 nvm -v 出现版本号则安装成功；

---

安装node

直接使用命令查看： nvm list available 可以安装的版本

之后就使用nvm命令下载nodejs

使用nvm use 10.13.0命令，切换node版本为10.13.0

使用nvu list查看所有下载的node版本

运行一下node -v命令看一下是否成功

---

yarn安装

npm install -g yarn 或者 cnpm install -g yarn

配置全局环境

Yarn设置

查询当前镜像：yarn config get registry

设置为淘宝镜像：yarn config set registry https://registry.npm.taobao.org/

设置为官方镜像：yarn config set registry https://registry.yarnpkg.com