公司只发Windows?没关系,教你打造类Mac的完美开发环境~

772 阅读4分钟

很多人诟病Windows下开发不爽,原因在于Windows并没有预装类似Macbook那样的类unix开发环境,终端只有一个简陋无比还不支持自定义配置的Powershell。

没关系!跟着我一起,教你打造一个完美的Windows开发环境。

本教程的前置条件:

  1. Windows 10
  2. 系统管理员权限
  3. 稳定的网络(最好可以访问github, 否则某些依赖可能会安装失败)

本教程的适用人群:

  1. 想将Windows配置成类Mac开发环境的同学。
  2. 如果你是前端或者Node技术栈,Better。

本教程的特点:

  1. 可靠,参考资料和依赖全部来自于官方稳定版本
  2. 轻量,过程简单,无需安装双系统
  3. 完备,支持完全的linux特性

1.WSL2(官方支持)

1.1 WSL简介

通过适用于 Linux 的 Windows 子系统 (WSL),开发人员可以安装 Linux 发行版(例如 Ubuntu、OpenSUSE、Kali、Debian、Arch Linux 等),并直接在 Windows 上使用 Linux 应用程序、实用程序和 Bash 命令行工具,不用进行任何修改。

1.2 配置 & 安装

1)在开始菜单里搜索启用或关闭Windows功能,打开适用于Linux的Windows子系统

image.png

2)管理员权限打开你的powershell,运行

wsl --install

将默认安装WSL2以及Ubuntu作为你WSL子系统。

3)重启电脑

4)开始菜单搜索并运行Ubuntu, 如果是下图,代表安装已经成功。此时需要你自行设置你的Linux账号和密码,默认是root权限

image.png

5) 查看当前WSL系统状态和版本

Powershell运行wsl -l -v,如图:

image.png

官方推荐使用WSL2, 兼容性更好:

image.png

此时你的Windows已经可以在Ubuntu内运行Linux程序,但是距离好用还有一段距离。

如果你想学习WSL的其他用法和特性,建议查看官方文档: learn.microsoft.com/zh-cn/windo…

2.Windows Terminal(官方支持)

Windows Terminal(WT)是微软官方提供的开发者终端,美观,配置方便:

image.png

2.1) 安装

1)开始菜单搜索store打开微软官方商店, 搜索Windows Terminal, 点击按钮安装。

Warning:如果你使用了VPN代理工具,请关闭,否则可能导致商店访问失败。

image.png

2)打开Windows Terminal, 点击Tab栏右方的箭头,单击设置。

image.png 如果你的开发以后常用linux, 那么建议你默认配置文件设置成Ubuntu。

此时当你启动WT时,默认就是你的Linux用户根目录(~)。

3.Zsh & Oh My Zsh(官方支持)

Macbook系统比较爽的点是Linux终端原生支持安装Oh My Zsh,一个支持安装数个插件和主题的超火Shell。 那么在安装了WSL和WT过后,你的Windows终端也可以完美支持Oh My Zsh了。

1)apt更新 apt是Ubuntu自带的系统软件包,但是在预装系统时内部的软件包并非是最新版本的,建议在进行软件安装之间先更新一下内部的软件包。

sudo apt update && sudo apt upgrade

需要你输入root的密码进行安装。

2)curl & zsh安装 因为oh-my-zsh依赖了curl和zsh,所以先安装curl,再安装zsh :

WSL:

sudo apt install curl

sudo apt install zsh

3)oh-my-zsh安装

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

Warning: 在安装的过程中可能会卡住,因为某些原因github在国内的dns被混淆了,可以通过修改dns或者使用代理的方式来解决。

image.png

如果出现上述图像,那么就是安装成功了。

接下来就是配置Oh My Zsh插件和主题了,Zsh自带了一个git插件,我一般会安装autosuggestion和autojump来提效。

Oh My Zsh官方插件库:

github.com/ohmyzsh/ohm…

4.nvm & node & npm(官方支持)

nvm是Node官方推荐的Node版本管理工具,建议在WSL里用它来安装和管理Node开发环境。 先安装nvm:

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash

安装完成过后重启WT,输入以下命令,如果返回nvm,代表安装成功:

command -v nvm

推荐:安装Node稳定版本(lts)

nvm install --lts

可选:安装Node最新版本

nvm install node

查看WSL的Node版本列表:

nvm ls

image.png

绿色箭头指向当前的默认Node版本。

有了Node,那么npm自然也就有了。 可以使用npm -v查看当前的npm版本,也可以使用npm安装pnpm或者yarn这样的包管理工具。

5.vscode-wsl-remote

如果你使用code命令在wsl内开发,那么vscode会自动切换为wsl:ubuntu远程开发环境,内部终端也默认使用wsl。左下角会看到WSL:Ubuntu这样的环境tag。

image.png

这样的就完全与Windows系统隔离,进一步提高了开发环境的稳定性和兼容性。 有关VSC和WSL的相关官方参考:

learn.microsoft.com/zh-cn/windo…

6.个性化配置

WT提供字体,颜色,字号,背景图片等自定义选项。都可以通过设置里的外观和配色方案设置。

image.png

这里就不再赘述。可以给大家看看我的终端,这个背景是不是很高大上很Mac:

image.png

最后分享给大家一句话,来自于Oh My Zsh的官方推荐语:

这些玩意儿不会让你成为编程高手,但是会让你看起来像一个~