打造轻量化的 VSCode 开发环境 - VSCode Profile

最近创建了一个公众号:编程进阶录,记录一些自己学习过程当中的笔记和心得,欢迎大家关注

介绍

VSCode 作为我的主力开发工具,平时在工作当中都是使用它,但是只要使用的编程语言多了,安装的插件多了,难免会有部分插件会有冲突的情况,VSCode 当中的 Profile 功能就很好的提供了解决方案,各个 Profile 之间相互独立,在开发不同的项目时使用不同的 Profile 就可以加载不同的配置、插件,非常方便,写这篇文章的目的是记录一下使用过程。

使用步骤

首先需要确保你的 VSCode 已经更新到最新版本了,然后点击界面上的设置,这里我习惯把资源管理器放在右边,默认情况下 VSCode 的资源管理器在左边。

点击之后鼠标选中 Profiles 的位置,可以看到只有 Default 一个默认的配置,点击 Create Profile ,点击 Create Profile 便可以创建一个独立的 Profile

创建时默认选择的 VSCode 的设置(Settings)、快捷键(Keyboard Shortcuts)、代码片段(User Snippets)、任务(User Tasks)、插件(Extensions) 都是独立于其他 Profiles,也就相当于是一个全新的 VSCode,你可以开始自己配置在当前的 Profiles 下需要激活的一下插件和配置,随后就可以开始愉快的使用了。

然后就可以在设置当中看到自己创建的和之前默认的 Profile 了,并且可以在两个之间进行切换。

共享默认配置

在一些场景下,我们可以能想新创建的 Profiles 直接使用默认环境当中一些配置,比如:字体、外观等等,这里我们可以在随便一个 Profiles 下,Default 环境下直接在自己的 settings 当中设置即可,按住键盘上的 cmd + shift + p (windows 上是 ctrl + shift + p),选择 Open Application Settings (JSON)

将需要共享给所有 Profile 的配置,写在 workbench.settings.applyToAllProfiles 当中即可,插件的配置记得在相对应的 Profile 当中安装插件才能生效。

修改已创建的 Profile 配置

像快捷键或者代码片段这种配置,可以直接使用默认的配置,在创建的时候可以自己不勾选,那么新创建的 Profile 直接就使用的是 Default Profile 当中的配置。要是 Profile 已经创建了需要进行修改勾选,可以按 cmd + shift + p 打开命令窗口,选择 Edit Profile 进行修改,取消勾选后可以看到会提示 Using Default Profile,即使用默认的配置,修改后可以重启一下 VSCode 让配置生效。

更多关于 Profile 的配置可以查看下面官方文档的介绍:

相关推荐
暗不需求2 分钟前
JavaScript 面向对象探秘:从构造函数到原型链的优雅继承
前端·javascript
圣光SG5 分钟前
奶茶店网页(纯HTML和CSS)
前端·css·html
kyriewen6 分钟前
你还在给每个图片父元素加类名?CSS :has() 让选择器“逆天改命”
前端·css·面试
漫天黄叶远飞8 分钟前
async/await 到底怎么工作的?
前端
ai_xiaogui16 分钟前
PanelAI前端全面升级!私有化部署AI面板控制台+生态市场一键管理详解
前端·人工智能·comfyui一键部署·生态市场算力共享·ai面板控制台·panelai私有化部署·大模型前端管理
Jelena1577958579218 分钟前
1688.item_get_app接口:包装尺寸重量信息深度解析
开发语言·前端·python
酉鬼女又兒26 分钟前
零基础快速入门前端DOM核心知识点详解与蓝桥杯Web赛道备考指南(可用于备赛蓝桥杯Web应用开发)
前端·职场和发展·蓝桥杯
halazi10030 分钟前
CodeArts Agent 使用技巧与节约Token技巧
codearts·visual studio code
daols8832 分钟前
vue甘特图vxe-gantt实现点击任务条弹出编辑表单
前端·vue.js·甘特图·vxe-gantt
Fairy要carry36 分钟前
项目05-手搓Agent之任务通信+任务编排的实现
服务器·前端·网络