前言

找工作是一个神奇的事情，它既需要能力也需要缘分；而找到工作之后，公司配什么系统的电脑也是一个神奇的事情；有的时候之前用的Mac用顺手了，突然切换到Windows还真是不太习惯；或者只会用Windows，切换到Mac那更是一件极其痛苦的事情；但是我想世界上应该没有一个人没用过Windows只用过Mac吧？由于Windows有版权问题，有时候还要求使用Linux开发；但是不管怎么难，要想快速加入公司“卷王”第一梯队，那必须要快速搭建好环境；今天就来讲一讲Windows怎么快速搞定环境；

题外话：既然公司使用的Windows系统，那么就必然涉及到电脑的配置，这是保证我们开发体验的关键，正如再怎么优化也不如加机器一样，要想开发流畅，那系统配置得要有保证啊！要查看的指标如下：

内存，不能少于8GB，否则很容易在打包时，或者本地运行时内存溢出
CPU，至少i5，i3的话会比较卡顿
SSD，如果没有SSD会严重影响开发效率，首先开机慢，其次打开应用程序也很慢
显卡，显卡的好坏决定了设计稿的清晰度，如果显卡不过关，设计稿上有些内容看不到（当作没有）

刚需软件安装

工欲善其事必先利其器，没有一个好的工具开发效率难以保证；浏览器我们只认准Chrome，开发工具有多种选择：Vscode、WebStorm，我这里选择了Vscode，Git、Cmder是刚需，其他的可以按需下载，下载地址：

Chrome下载
VSCode下载 VScode下载极慢，可以通过Chrome下载列表获取到下载地址然后将域名替换为：vscode.cdn.azure.cn
NVM下载注意下载nvm-setup.zip
Git
Scoop windows下的包管理工具:github上，不代理无法下载
Sourcetree
Cmder命令行工具

配置导入

首先配置Chrome相关内容，书签栏、插件，这些可以通过谷歌账号一键导入，如果不能访问谷歌的话，就只能先把旧的配置导出然后通过聊天软件传过来

Chrome插件推荐：FeHelper、Vue、Console Importer、React

Vscode相关配置直接使用首选项--->设置--->右上角点击同步,我们选择使用微软账号，它不受网络的限制

Vscode命令行工具替换：默认命令行是Powershell不好用，我们手动将其更换为Cmder: ctrl+shift+p打开settings.json用户配置：添加以下配置：

{
        "terminal.integrated.defaultProfile.windows": "Command Prompt",
        "terminal.integrated.profiles.windows": {
            "PowerShell": {
                "source": "PowerShell",
                "icon": "terminal-powershell"
            },
            "Command Prompt": {
                "path": [
                    "${env:windir}\\Sysnative\\cmd.exe",
                    "${env:windir}\\System32\\cmd.exe"
                ],
                "args": [
                    "/k F:\\QD\\tools\\cmder\\vendor\\init.bat"
                ],
                "icon": "terminal-cmd"
            },
            "Git Bash": {
                "source": "Git Bash"
            }
        }
}

Git配置，主要是配置SSH，首先生成SSH key:查看是否已经有了ssh密钥，如果没有则打开Cmder执行ssh-keygen -t rsa -C “haiyan.xu.vip@gmail.com”获得密钥，然后执行cat ~/.ssh/id_rsa.pub鼠标选中所有文字自动复制好了密钥，到源代码管理平台上去填写
通过NVM下载Nodejs的LTS版本，现在（2023.5.2）的LTS版本为18.16.0,如果下载很慢的话建议去官网下载Nodejs

锦上添花的工具

由于国内访问npm源比较慢，所以可以先下载一个nrm，通过nrm能够轻松切换npm源npm install -g nrm
BeyoundCompare用于源代码对比
微信小程序开发工具
Fiddler--Windows下的抓包工具
Faststone Capture Faststone Capture是一款屏幕截屏工具，还可以测量像素，非常实用

上面操作之后我们的开发环境基本搭建完成了，然后就可以去熟悉业务代码了；一般会分配给我们熟悉哪一块的代码，或者也有可能直接就分配一些任务过来，可以提前卷起来了

后记

Windows开发环境配置到此结束，我们梳理一下大致的步骤：

首先是下载一些刚需软件
其次就是同步配置
最后下载一些提效工具这样三步下来我们就可以提前熟悉业务代码、团队规范，提前进入开发状态

最后要提的一点就是Windows开发环境与Mac有啥不一样：Mac上有一些比较实用的工具比如brew，可以方便地下载各种包，终端工具fig可以实现命令行的autocomplete，Mac上很多命令需要权限，Mac很适合分屏开发，效率高；当然Windows10之后也支持多显示器，可以参考这篇文章进行操作；

也许有那么一天，大家都用Windows开发了，再也不需要我们去买那么贵的Mac了！

别让Windows成为开发慢的借口-一键搞定Win前端开发环境

前言

刚需软件安装

配置导入

锦上添花的工具

后记