自定义你的VSCode:主题、文件图标、快捷键、设置、schema、插件

  • 推荐自己的专栏:
    超详细VSCode安装教程(Windows)

    1. 请记住一点,VSCode中的一切快捷键操作都可以在控制面板中输入对应的命令来完成,并且常用命令还可以在菜单栏中找到,命令其实就是简单的英文词语,如果有一定的英语基础,是很容易记住大概命令的,而这就足够了(控制面板中支持模糊搜索)
    2. 额,如果你懒得去记忆这些内容,那么…收藏本文并点个赞也许是个好主意
    3. 以下设置实质上都是通过命令修改配置文件

    你可以通过以下设置来自定义你的VSCode

    • 改变主题
    • 更改键盘快捷键
    • 设置
    • 添加 JSON schema validation
    • 安装扩展

    主题

    改变主题

    (1)打开该命令的四种方式

    方法一:键盘快捷键:Ctrl + K Ctrl + T(按住Ctrl不动,先按K,再按T)

    方法二:键盘快捷键:Ctrl + Shift + P,在控制面板中输入color theme

    方法三:菜单:File > Preferences > Color Theme

    方法四:左下角齿轮

    (2)选择主题

    • 在下拉列表中列出所有你能使用的主题
    • 上半部分为亮主题,中间部分为暗主题,下半部分为高对比度主题
    • 如果默认提供的主题不能满足你的需求,可以下载主题插件(请下拉到底部,有对应插件的传送门)

    改变文件图标主题

    (1)打开该命令的三种方式

    方法一:键盘快捷键:Ctrl + Shift + P,在控制面板中输入file icon theme,输入命令的一部分后,下拉列表中就会出现匹配的命令

    方法二:菜单:File > Preferences > File Icon Theme

    方法三:左下角齿轮 > File Icon Theme

    (2)选择文件图标主题

    • 在下拉列表中列出所有你能使用的文件图标主题
    • 如果默认提供的文件图标主题不能满足你的需求,可以下载文件图标主题插件

    快捷键

    自定义快捷键

    (1)打开该命令的三种方式

    方法一:键盘快捷键:Ctrl + K Ctrl + S(按住Ctrl不动,先按K,再按S)

    方法二:菜单:File > Preferences > Keyboard Shortcuts

    方法三:左下角齿轮 > Keyboard Shortcuts

    (2)自定义快捷键
    在这里插入图片描述
    如果你愿意则折腾的话,祝你好运~

    下载快捷键插件

    你是否习惯使用其他编辑器的键盘快捷键?你可以安装一个键盘快捷键扩展程序,将你喜欢的编辑器中的键盘快捷方式带到VS Code

    打开该命令的四种方式

    方法一:键盘快捷键:Ctrl + K Ctrl + M(按住Ctrl不动,先按K,再按M)

    方法二:菜单:File > Preferences > Keymaps

    方法三:左下角齿轮 > Keymaps

    方法四:直接在插件商城中搜索@recommended:keymaps

    设置

    VS Code提供了两种不同的设置范围:用户设置与工作空间设置

    • 用户设置(User Settings):适用于您打开的任何VS Code实例(文件、文件夹、项目、工作区)
    • 工作空间设置(Workspace Settings):存储在工作空间中的设置仅在打开工作空间时适用,并且可以在项目的开发人员之间共享,工作空间设置会覆盖用户的设置

    VS Code工作空间通常只是您的项目根文件夹,其根目录下的.vscode文件夹下一般包含三个文件(不是一定有哦):

    1. settings.json :工作空间设置
    2. launch.json :用于调试
    3. tasks.json :一般在VSCode中编写非内置的语言代码时需要配置该文件
      • 比如说配置C/C++工作区,必定先要配置该文件才能编译、运行C/C++代码;
      • 但也不是所有语言都需要配置该文件。比如配置Python工作区并不需要该文件,直接在settings.json文件中配置python.exe的路径即可

    (1)打开设置的四种方式

    方法一:键盘快捷键:Ctrl + ,

    方法二:菜单:File > Preferences > Settings

    方法三:左下角齿轮 > Settings

    前三个方法打开的都是图形化界面(设置编辑器)

    方法四:键盘快捷键:Ctrl + Shift + P,在控制面板中输入settings,在下拉菜单中选择你需要设置的目标

    你可以看到,设置的操作方式分为UI(图形空户界面)、JSON(配置文件),

    下面我会列出配置JSON文件的常用设置:

    (2)控制面板中,输入settings.json,打开用户设置

    常用设置

    ➢ 更改各种UI元素的字体大小

    //主要编辑区
    "editor.fontSize": 18,// 终端面板
    "terminal.integrated.fontSize": 14,// 输出面板
    "[Log]": {"editor.fontSize": 15,
    }
    

    ➢ 更改缩放比例

    //按住Ctrl键,配合鼠标滚轮放大或缩小编辑器字体大小
    "editor.mouseWheelZoom":true,//缩放等级,默认为 0
    "window.zoomLevel": 0,
    

    ➢ 字体连字

    "editor.fontLigatures": true,
    "editor.fontFamily": "Fira Code",
    
    • 你将需要安装支持字体连字的字体
    • FiraCode是VS Code 推荐的一种字体(支持连字),你电脑上如果无此字体,可以在 FiraCode 页面中下载
    • 首先将字体下载到电脑上,然后在VSCode中进行相应设置并保存文件,最后重启VSCode即可

    ➢ 自动保存

    //自动保存
    "files.autoSave": "afterDelay",
    

    你也可以,菜单:File > Auto Save

    ➢ 保存时格式化

    //保存时格式化
    "editor.formatOnSave": true,
    

    ➢ 粘贴时保留格式

    //粘贴时保留格式
    "editor.formatOnPaste": true,
    

    ➢ 更改制表符(Tab键)的大小

    //一个制表符等于四个空格
    "editor.tabSize": 4,
    

    ➢ 渲染空白

    //空格符的渲染
    "editor.renderWhitespace": "selection",
    

    有四个值,请根据实际需求更改:

    • 默认值为"selection",只在文本选择中渲染空白字符(以虚化的圆点显示),
      在这里插入图片描述
      不对其进行修改,即使用默认值,代码界面是最舒服的

    • none,空格符不进行渲染,就是空白

    • boundary,只渲染边界处的空格符

    • all,任意空格符都被渲染为虚化的圆点

    ➢ 忽略文件/文件夹

    //从编辑器窗口中忽略这些文件/文件夹
    "files.exclude": {"somefolder/": true,"somefile": true,
    }//从搜索结果中忽略这些文件/文件夹
    "search.exclude": {"someFolder/": true,"somefile": true,
    }
    
    • somefolder/ 就是填写你需要忽略的文件夹名
    • somefile 就是填写你需要忽略的文件名

    特定于语言的设置

    • 按语言定制编辑器,你可以按语言标识符确定设置的范围。你可以在 语言标识符参考中找到常用语言ID的列表
    "[languageid]": {}
    
    • 如果你懒的去查看语言标识符参考,还可以在控制面板中输入Configure Language Specific Settings

      打开语言选择器

      选择所需的语言(比如Python),会自动打开用户设置settings.json文件

      你可以在其中添加适用的设置

    关于设置这方面,我就讲这么多了,如果你有更进一步的需求,可以查阅https://code.visualstudio.com/docs/getstarted/settings#_default-settings

    添加JSON schema validation

    • 默认情况下对许多文件类型启用
    • 在settings.json中创建自己的 schema(指出如何形式描述XML文档元素的一个标准) 和 validation(验证)
    "json.schemas": [{"fileMatch": ["/bower.json"],"url": "http://json.schemastore.org/bower"}
    ]
    

    或用于工作空间(workspace)中定义的 schema

    "json.schemas": [{"fileMatch": ["/foo.json"],"url": "./myschema.json"}
    ]
    

    或者自定义 schema

    "json.schemas": [{"fileMatch": ["/.myconfig"],"schema": {"type": "object","properties": {"name" : {"type": "string","description": "The name of the entry"}}}}
    ]
    

    想更深入的配置JSON,请参考JSON官方文档

    扩展插件

    扩展插件不是越多越好,而是精益求精!!!

    打开扩展管理的四种方式

    方法一:键盘快捷键:Ctrl + Shift + X

    方法二:菜单:File > Preferences > Extensions

    方法三:左下角齿轮 > Extensions

    方法四:视图

    注意到插件栏右上角的三个点(…)了吗,


    • 愿你,愿我扬帆起航上征途,前程似锦大海阔。
    • 行文不易,点个赞,点个关注,爱你么么哒

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/565792.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【OpenCV 例程200篇】93. 噪声模型的直方图

【OpenCV 例程200篇】93. 噪声模型的直方图 欢迎关注 『OpenCV 例程200篇』 系列,持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列,持续更新中 2. 噪声模型 数字图像中的噪声源主要来自图像获取和传输过程。在获取图像时,光照水平和…

删除a标签下面的横线

在HTML中我们经常会使用a标签跳转链接&#xff0c;但是会发现a标签下面出现一个横线特别难看&#xff0c;给大家一种删除a标签下面横线的方法。 删除a标签下面横线使用&#xff1a; text-decoration: none; 效果示例 代码示例 <!DOCTYPE html> <html><head…

【OpenCV 例程200篇】94. 算术平均滤波器

【OpenCV 例程200篇】94. 算术平均滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3. 仅噪声存在的空间滤波图像复原 当一幅图像中唯一存在的退化是噪声时&#xff0c;退化模型简化为&a…

正则表达式表单验证

使用正则表达式验证表单中输入的内容是否符合格式。 原理分析&#xff1a; 1.失去焦点和获取焦点 2.获取内容 3.判断是否符合 4.不符合显示错误号符合显示对号 效果演示 代码演示 <!DOCTYPE html> <html> <head lang"en"><meta charset"…

罗盘时钟

用HTML和CSS以及JavaScript实现罗盘时钟。 原理分析&#xff1a; 1.年月日时分秒的定义 2.定时器的使用 3.分钟到小时如何变化 4.定义数组存放内容 效果演示 初始状态 时间显示 代码展示 HTML内容 <!DOCTYPE html> <html lang"en"> <head>…

【OpenCV 例程200篇】95. 几何均值滤波器

【OpenCV 例程200篇】95. 几何均值滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3. 仅噪声存在的空间滤波图像复原 当一幅图像中唯一存在的退化是噪声时&#xff0c;退化模型简化为&a…

MATLAB中有关矩阵特征值和特征向量的计算

在MATLAB语言中&#xff0c;求矩阵的特征值和特征向量需要用到两个函数&#xff1a;eig()、diag() diag():可生成一个对角矩阵 调用eig函数的格式为&#xff1a; [x,y]eig(A) 其中矩阵y的对角线元素存储的是A的所有特征值&#xff0c;且从小到大排列&#xff1b;而矩阵x的每一…

input输入框内容只读

有的时候一些固定的数据只能观看而无法修改&#xff0c;那麽我们如何设置呢&#xff1f; 设置input输入框内容的只读性在此我总结了两个方法。 效果演示 确实进行了选中修改添加文本内容等操作&#xff0c;但是数据始终是无法修改的。 方法一 readonly属性 使用方法 <…

【OpenCV 例程200篇】96. 谐波平均滤波器

【OpenCV 例程200篇】96. 谐波平均滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3. 仅噪声存在的空间滤波图像复原 当一幅图像中唯一存在的退化是噪声时&#xff0c;退化模型简化为&a…

SQL Server第一次上机操作实例:用sql语句创建BBS数据库、表、约束以及建立其数据库关系图

训练技能点&#xff1a; 学会使用sql语句创建数据库、表、约束、建立数据库关系图 使用到的软件&#xff1a;SQL Server2008 代码如下&#xff1a; use master go if exists(select * from sysdatabases where nameBBS) --判断BBS库是否存在&#xff0c;若存在则先删除drop…

【OpenCV 例程200篇】97. 反谐波平均滤波器

【OpenCV 例程200篇】97. 反谐波平均滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3. 仅噪声存在的空间滤波图像复原 当一幅图像中唯一存在的退化是噪声时&#xff0c;退化模型简化为…

xampp命令行连接MySql数据库

使用xampp工具连接MySql数据库。 对于MySql数据库的操作通常是使用命令行进行有关操作的&#xff08;增删改查&#xff09; 1.打开xampp 2.点击打开MySql后面的Start,同样点击打开Apache后面的Start 这时候MySql服务就打开了 3.接下来打开我们的命令行&#xff0c;点击右边…

【OpenCV 例程 200篇】98. 统计排序滤波器

【OpenCV 例程 200篇】98. 统计排序滤波器 欢迎关注 『OpenCV 例程 200 篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3.5 统计排序滤波器 统计排序滤波器是空间滤波器&#xff0c;其响应是基于滤波器邻域中的像素值的…

避坑!!!Matlab中文版下载地址、详细讲解Matlab中文版的下载、安装

免费下载windows Matlab2016中文版、Matlab2017中文版、Matlab2018中文版、Matlab2019中文版、Matlab2020中文版 如下图&#xff1a; 下载地址&#xff1a; 百度网盘链接&#xff1a;****&#xff08;请私信或评论我&#xff0c;过不了审&#xff09; 提取码&#xff1a;*…

MySql 查询显示

使用命令行进行查询数据库&#xff0c;查询数据表&#xff0c;查询数据表内容。 1.打开命令行 2.连接MySql数据库 连接成功如下图所示 3.查询显示所有数据库 查询所有数据库 语句&#xff1a; show databases; 4.选择使用的数据库 选择(使用)数据库 语句&#xff1a; use t…

【OpenCV 例程200篇】100. 自适应局部降噪滤波器

【OpenCV 例程200篇】100. 自适应局部降噪滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3.7 自适应局部降噪滤波器 前述滤波器直接应用到图像处理&#xff0c;并未考虑图像本身的特征…

【OpenCV 例程200篇】99. 修正阿尔法均值滤波器

【OpenCV 例程200篇】99. 修正阿尔法均值滤波器 欢迎关注 『OpenCV 例程200篇』 系列&#xff0c;持续更新中 欢迎关注 『Python小白的OpenCV学习课』 系列&#xff0c;持续更新中 3.6 修正阿尔法均值滤波器&#xff08;Modified alpha-mean filter&#xff09; 修正阿尔法均值…

Vue 过滤数据

利用hash过滤数据。 效果演示 初始样式 点击 将三种字体分别设置为相对应的颜色&#xff0c;使用hash过滤器&#xff0c;不管点击那个颜色的字体时都会显示成红色。 在开始我们的代码之前请注意&#xff1a; 引入Vue.js架包 代码演示 <!DOCTYPE html> <html la…

SQL Server数据库关系图中,此数据库没有有效所有者......的两种解决办法

导语&#xff1a; 在建立数据库关系图时&#xff0c;你是否遇到了这样得问题&#xff1a;“此数据库没有有效所有者&#xff0c;因此无法安装数据库关系图支持对象。若要继续…”&#xff0c;如下图&#xff1a; 别急&#xff0c;有如下两种方法解决这个问题&#xff1a;&…

【youcans 的 OpenCV 学习课】8. 频率域图像滤波(上)

专栏地址&#xff1a;『youcans 的图像处理学习课』 文章目录&#xff1a;『youcans 的图像处理学习课 - 总目录』 【youcans 的 OpenCV 学习课】8. 频率域图像滤波&#xff08;上&#xff09; 图像滤波是在尽可能保留图像细节特征的条件下对目标图像的噪声进行抑制&#xff0…