微软要给Windows指定默认的终端了？它很酷(1)，2024年最新诚意分享

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

点击【设置】选项进入设置页面，如下图

可以看到大概分为三部分：

• 基本设置：包括启动、外观等设置，可以设置开机启动、默认程序、配色等。都比较简单，可以自行摸索。

• 配置文件：系统默认提供了几个选项，也可以自己添加，比如ssh，git bash等都可以，后面有例子。

• 打开Json文件：上面的两种配置，最终都是保存在一个名为settings.json的Json文件中，这里可以直接编辑此文件。比如网上找到了别人的配色方案，可以直接贴到自己的Json文件中，如果通过基本设置中的图形界面来逐个颜色的设置，那太不方便了。

3. 两个配置文件的关系

---

系统提供了两个配置文件，除了上文说的settings.json还有一个default.json。

这两个文件相当于是“继承”关系：

• default.json：系统提供的默认配置都在这里。

• settings.json：用户做的自定义配置都保存在这里，用户没有设置的采用default.json中的默认设置。相当于是“继承”了default.json。

所以，如果想 “恢复出厂设置” 那么删除这个settings.json文件就行了（它相同路径下有个state.json文件也需要一并删除）。打开settings.json，另存为，可以看到它当前所在路径。

小技巧：点击【设置】菜单的时候，按住shift，可以直接打开settings.json；按住alt，可以直接打开default.json；

对照设置对话框的图形界面，很容易理解两个Json对应的含义，就不逐一说明了。

4. 添加配置文件

---

除了默认的CMD、Powershell等，也可以自己添加配置文件。例如git bash和ssh等，方便开发和服务器运维等操作。

在【设置】页面滑动滚动条到最底部，找到【添加配置文件】

点击进入配置文件添加页面，可以选择从已有配置复制一个，也可以新增一个。

配置文件的第一个为【默认值】，即所有配置文件的默认值，若在具体配置文件中没有专门设置，则都会采用【默认值】中的设置。

下面举两个自定义配置文件的例子，其他的可以自己挖掘。两个例子我都没有自定义图标，自己找对应的图标设置即可。

新添加的配置文件会出现在下拉菜单中：

4.1 添加git bash

可以按照如下图所示添加：

关键就是选择已安装好的bash.exe.

4.2 添加ssh，访问Linux

---

通过ssh管理Linux是常有的事，可以通过如下方式添加：

名字按自己喜欢定义。

5. PowerShell自动补全

---

系统默认安装的PowerShell一般为5.1，建议升级一下，首先去GitHub上下载：https://github.com/PowerShell/PowerShell/releases/tag/v7.2.1 ，选择适合自己系统的版本。msi版支持Windows自动更新。

下载安装，一直【Next】，直至安装完成即可。

安装PSReadLine，在PowerShell中执行如下命令，如果提示已安装，则可忽略。

Install-Module -Name PSReadLine -AllowPrerelease

开启自动补全：

Set-PSReadLineOption -PredictionSource History

再次输入命令，可以根据历史自动补全了。

6. 美化

---

6.1 安装Nerd 字体

首先需要安装Nerd 字体，下载地址：https://www.nerdfonts.com/font-downloads ，该网站提供了多种字体可选，你可以在https://www.programmingfonts.org/#cascadia-code进行预览，挑选自己喜欢的字体。 我安装了Caskaydia Cove Nerd Font。

安装后，在【设置】->【配置文件】->【默认】->【外观】->【字体】中设置字体为Caskaydia Cove Nerd Font。

6.2 安装oh-my-posh

通过 Oh My Posh，可以使用完整的颜色集来定义和呈现终端提示，包括能够使用内置主题或创建自己的自定义主题。

使用 PowerShell，通过以下命令使用 winget 安装 Oh My Posh：

winget install JanDeDobbeleer.OhMyPosh

设置主题，可以在Oh My Posh官网预览各个主题的样子，地址为：https://ohmyposh.dev/docs/themes

记住主题的名字，执行notepad $PROFILE命令修改PowerShell的配置，若不存在此文件会提示是否新建。

在该文件末尾添加如下代码：

oh-my-posh --init --shell pwsh --config ~/AppData/Local/Programs/oh-my-posh/themes/jandedobbeleer.omp.json | Invoke-Expression

其中“jandedobbeleer”为主题的名字。

重启windows terminal，第一次打开会加载刚才的配置文件，有点慢。

build一个vue项目看看样式：

6.3 开启毛玻璃效果、设置背景透明度

在【设置】->【配置文件】->【默认】->【外观】中设置，如下图

性能优化

1.webpack打包文件体积过大？（最终打包为一个js文件）

2.如何优化webpack构建的性能

3.移动端的性能优化

4.Vue的SPA 如何优化加载速度

5.移动端300ms延迟

6.页面的重构

所有的知识点都有详细的解答，我整理成了280页PDF《前端校招面试真题精编解析》。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
R0cHM6Ly9ibG9nLmNzZG4ubmV0L2h1Z28yMzM=,size_16,color_FFFFFF,t_70)

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-mFMa0uL4-1713590307888)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！