【vscode】windows中使用zsh美化vscode终端

一、概述：

众所周知，windows系统自带的cmd终端，用起来相当难受，为了优化自己的生产力，git bash成为了最佳的解决方案，所以我想尝试一下zsh with git bash on vscode，顺便使用zsh的主题美化一下vscode终端，然后在vscode上愉悦的写代码。

二、安装git bash for windows：

下载地址：gitforwindows
跳转页面后翻到最底部

image.png

点击Download Git for windows SDK下载
下载后会得到一个3M多的自解压exe：git-sdk-installer-1.0.7-64.7z.exe

image.png

image.png

解压缩到指定位置后会自动开始安装，安装过程实际上就是从git上把文件下载到本地，若安装超时，开代理后重复上述步骤。
下载完成后会自动打开msys2.exe命令行窗口。
命令行中键入 sdk create-desktop-icon，将会在桌面创建一个快捷方式。

image.png

桌面上鼠标右键该图标，选择‘属性’

image.png

将起始目录改为操作系统的属主目录，打码部分为自己系统的用户名，这样方便每次打开命令行窗口默认位置在属主目录。
命令行窗口内鼠标右键：

image.png

这里我是中文，因为我已经提前设置过了，这里选择options（选项），

image.png

页面语言选择zh_CN应用保存后，将变成中文
文本中选择字符集为UTF-8，顺便修改一下自己觉得舒服的字体

image.png

这样就配置完了，接下来安装zsh

三、安装zsh和oh-my-zsh：

git bash的包管理器为pacman，用pacman可以安装各类linux的工具。

1. 安装zsh：pacman -S zsh
   安装过程一路y就可以了
2. 安装oh-my-zsh（参考：ohmyzsh）：
   安装命令：sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
   
   image.png
   
   安装过程突然提示这玩意儿。。。
   如果你也提示：Could not resolve host: raw.githubusercontent.com，则需要配置一下host。点击跳转至：https://www.ipaddress.com/
   
   image.png
   查询该域名，查看该域名下的ip地址：
   image.png
   
   配置hosts文件，该文件在：C:\Windows\System32\drivers\etc下
   在末尾添加：
   image.png
   
   保存后在执行一次sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"
   然后就可以安装了~
   
   image.png

安装成功后会自动进入zsh

四、集成至vscode：

打开vscode，点击设置

image.png

点击右上角标记的图标，进入settings.json配置文件：

image.png

在末尾加入：

  "terminal.integrated.profiles.windows": {
    "GitBash": {
      "path": "C://git-sdk-64//msys2_shell.cmd",
      "args": [
        "-defterm",
        "-mingw64",
        "-no-start",
        "-here",
        "-lic",
        "cd $PWD; exec zsh"
      ]
    }
  },

path属性中配置git bash for windows安装目录下的msys2_shell.cmd路径，注意路径分隔符为//因为要转义。
args前四个参数是让msys2_shell.cmd集成到终端中，后两个参数是打开终端后自动进入zsh。

将该配置项作为默认终端：

  "terminal.integrated.defaultProfile.windows": "GitBash",

配置完毕后保存，接下来在vscode中新建终端。发现终端以zsh的方式默认打开。

五、修改zsh主题：

image.png

属主目录下找到.zshrc文件后编辑该文件

image.png

将ZSH_THEME选项配置为 agnoster，后保存。
若需要配置其他主题，请参考：https://github.com/ohmyzsh/ohmyzsh

image.png

接下来在vscode中打开终端，看一下效果：

image.png

然后就可以愉快的写代码了~

转载请注明出处