Windows 11系统cmd终端美化、Vscode终端美化

win11美化cmd终端和vscode的终端

        • 1. 修改终端背景
        • 2. oh-my-posh
          • 2.1 安装oh-my-posh
          • 2.2 安装Clink
          • 2.3 Clink配置oh-my-posh
          • 2.4 下载和配置Nerd字体
          • 2.5 修改美化主题
        • 3. vscode终端美化

电脑默认的终端没有语法高亮这些,运行命令和代码输出字体一样,有时会有两者混淆的烦恼,美化后把命令行搞得花哨点,这样就解决了我的问题。先看下最终的效果

Windows 11系统cmd终端美化、Vscode终端美化_第1张图片

1. 修改终端背景

Windows 11系统cmd终端美化、Vscode终端美化_第2张图片

Windows 11系统cmd终端美化、Vscode终端美化_第3张图片
Windows 11系统cmd终端美化、Vscode终端美化_第4张图片

"backgroundImage": "D:\\Wallpapers\\wallhaven-x8ye3z_1920x1080.png",
"backgroundImageOpacity": 0.5,

重新打开终端

Windows 11系统cmd终端美化、Vscode终端美化_第5张图片

2. oh-my-posh
2.1 安装oh-my-posh

下载oh-my-posh:Releases · JanDeDobbeleer/oh-my-posh (github.com),下载完毕后点击安装,安装时只需注意安装路径需为英文且不能有空格。

Windows 11系统cmd终端美化、Vscode终端美化_第6张图片

Windows 11系统cmd终端美化、Vscode终端美化_第7张图片

确认是否安装完毕,重新打开终端

Windows 11系统cmd终端美化、Vscode终端美化_第8张图片

2.2 安装Clink

下载Clink:Overview | Clink (chrisant996.github.io)

Windows 11系统cmd终端美化、Vscode终端美化_第9张图片

下载完毕运行exe文件,一路点next进行安装。

确认Clink是否安装成功,重新打开终端(Clink的智能补全代码,确认是按电脑的->右键)。

Windows 11系统cmd终端美化、Vscode终端美化_第10张图片

2.3 Clink配置oh-my-posh

将oh-my-posh配置到Clink中

Windows 11系统cmd终端美化、Vscode终端美化_第11张图片

在该路径C:\Program Files (x86)\clink下创建一个文件oh-my-posh.lua(可以先创建个txt文件写入完毕后再修改后缀)

Windows 11系统cmd终端美化、Vscode终端美化_第12张图片

load(io.popen('oh-my-posh init cmd'):read("*a"))()

重新打开终端

Windows 11系统cmd终端美化、Vscode终端美化_第13张图片

2.4 下载和配置Nerd字体

可以看到有些文字和图标是乱码的,下载Nerd文字体:Nerd Fonts

解压完下载的压缩包后,将压缩包内的ttf文件全部复制到C:\Windows\Fonts路径下,安装好新的字体了

Windows 11系统cmd终端美化、Vscode终端美化_第14张图片

Windows 11系统cmd终端美化、Vscode终端美化_第15张图片

Windows 11系统cmd终端美化、Vscode终端美化_第16张图片

这样再返回终端就会发现没有乱码了

Windows 11系统cmd终端美化、Vscode终端美化_第17张图片

2.5 修改美化主题

如果要修改不同的美化主题,在oh-my-posh.lua文件中多增加一个参数

load(io.popen('oh-my-posh init cmd --config C:/ProgramData/oh-my-posh/themes/wholespace.omp.json'):read("*a"))()

Windows 11系统cmd终端美化、Vscode终端美化_第18张图片

可以看到oh-my-posh安装时自带了很多的美化主题文件,可以自己试试喜欢哪个,官方网站中也有很多主题的预览。

Windows 11系统cmd终端美化、Vscode终端美化_第19张图片

Windows 11系统cmd终端美化、Vscode终端美化_第20张图片
Windows 11系统cmd终端美化、Vscode终端美化_第21张图片
Windows 11系统cmd终端美化、Vscode终端美化_第22张图片
Windows 11系统cmd终端美化、Vscode终端美化_第23张图片
Windows 11系统cmd终端美化、Vscode终端美化_第24张图片
Windows 11系统cmd终端美化、Vscode终端美化_第25张图片

3. vscode终端美化

在上面cmd所有操作完毕后,打开vscode发现美化主题已经同步了,只是字体没同步

Windows 11系统cmd终端美化、Vscode终端美化_第26张图片

修改vscode中默认的终端展示字体

Windows 11系统cmd终端美化、Vscode终端美化_第27张图片

Windows 11系统cmd终端美化、Vscode终端美化_第28张图片

完成

在这里插入图片描述

你可能感兴趣的:(记录篇,windows,vscode,ide)