Vscode个性化设置教程——颜色,字体,粒子特效,个性化动漫背景
不知道你使用vscode编辑器后,有没有自己设置过个性化的工作界面?
该篇是关于vscode个性化的设置,该篇为小白准备,让我们开启一段个性化的设置之旅吧
文章目录
- 个性化方法一:个性化颜色
- 个性化方法二:布置鼠标效果,满天小星星
- 个性化方法三:代码个性化字体
- 个性化方法四:设置个性化背景
- (1)快速布置应用 (入门上手)
- (2)自定义壁纸(进阶操作)
- step1:思路分析
- step2:点击步骤
- step3:修改数据
- step4:操作演示
个性化方法一:个性化颜色
初次使用vscode可能是一套简单的白底黑字界面,想要黑色,红色,绚蓝色,怎么办呢?
点击步骤:
文件->首选项->颜色主题
(快捷键:ctrl+K / ctrl+T)
多款主题任你选
比如:选择red
效果如下图:
个性化方法二:布置鼠标效果,满天小星星
是不是经常在一些网站看见蜘蛛网粒子的效果
通过插件商城下载并安装一个名为nest的插件可以达到蜘蛛网粒子的布置效果
个性化方法三:代码个性化字体
下载并安装polacode插件可以让你的代码个性化,斜体,书写体
个性化方法四:设置个性化背景
(1)快速布置应用 (入门上手)
在插件商城搜索并安装background插件,可以让你的工作界面的背景瞬间多出个动漫人物
效果如下图:
(2)自定义壁纸(进阶操作)
那么,如果不想要这款壁纸,想放置自己的壁纸,怎么办呢?(进阶操作)
设置有以下几点 >>>
step1:思路分析
首先,我们更据插件的发布内容来看
要想修改默认配置,就进入到插件相应的json文件中进行更改
step2:点击步骤
文件->首选项->设置
在设置中找到用户设置,点击扩展,找到plugin background插件后,点击在settings.json中编辑,如图所示:
step3:修改数据
接下来我们根据该插件的发布内容提供的设置参数来更改数据,
以下是我设置1张图片的settings.json设置
"update.enableWindowsBackgroundUpdates": true,//自己定制背景图,最多3个,特别注意,文件路径是file:///+文件路径"background.customImages": ["file:///F:/SAG/wampserver/www/SharingArk/picture/my_account/assistant.png"],// 是否使用前景图,这样会使图片放在代码的顶部"background.useFront": false,//使用默认图片,这里我们为了能呈现自己设置的图片,设置为否"background.useDefault": false,//每一个背景图的独有样式,设置单个样式用background.style"background.style":{"content": "''","pointer-events": "none","position": "absolute","z-index": "99999","width": "100%","height": "100%","background-position": "90% 100%","background-size":"30%,30%","background-repeat": "no-repeat","opacity": 1}
step4:操作演示
1,找到扩展插件plugin background 的setting.json
2,复制代码后粘贴改下图片文件名为你计算机上所存在的,重启vscode后既可以看见效果
大概效果如下 >>>
单窗口预览
以下我设置2张图片的settings.json设置
"update.enableWindowsBackgroundUpdates": true,"background.customImages": ["file:///F:/SAG/wamp64/www/SAGweb_top/picture/my_account/assistant.png","file:///F:/SAGwebother/chanke/ck_item/game_slot_machines/img/2d3.png"],// 是否使用前景图,这样会使图片放在代码的顶部"background.useFront": false,//使用默认图片,这里我们为了能呈现自己设置的图片,设置为否"background.useDefault": false,//每一个背景图的独有样式,设置多个样式用background.styles,而且要再写一个样式的格式为第二张图配置样式,如下所示"background.styles":[//第一张图的样式{"content": "''","pointer-events": "none","position": "absolute","z-index": "99999","width": "100%","height": "100%","background-position": "90% 100%","background-size":"30%,30%","background-repeat": "no-repeat","opacity": 1},//第二图的样式{"content": "''","pointer-events": "none","position": "absolute","z-index": "99999","width": "100%","height": "100%","background-position": "90% 100%","background-size":"30%,30%","background-repeat": "no-repeat","opacity": 1}]
设置完成后点击右下角的重启插件就可以看见效果
大概效果如下 >>>
多窗口预览
如果把上司的头像设置成工作背景,就感觉有人在看着你一样,工作效率肯能加倍上升哦!(我的电脑只有动漫,所以放不了上级的头像,你们可以去试一下,写个代码有人一直看你,真的很精神)
Vscode个性化设置教程——颜色,字体,粒子特效,个性化动漫背景相关推荐
- html css超链接字体颜色,HTML-CSS设置超链接颜色字体
我们可以用CSS控制超链接字体样式,下面先来看一段代码: 1.代码语义说明: a:link --指正常的未被访问过的链接状态: a:visited --指链接被访问后的状态: a:hover: --指 ...
- 看教程学虚幻四——粒子特效之魔法阵
粒子特效之魔法阵 上一篇我们已经跟随教程简单了解粒子特效,同时我们制作出一个和教程一样的大佬尿尿动画,如果你全看了并且是自己跟着做了一遍,那这个粒子魔法阵基本也是小case.开始吧! 准备点图片[手 ...
- Unity UGUI NGUI 模型 粒子特效 三者之间 渲染层级设置
目录 1.介绍两大UI插件NGUI和UGUI 2.unity渲染顺序控制方式 3.NGUI的控制 4.UGUI的控制 5.模型深度的控制 6.粒子特效深度控制 7.NGUI与模型和粒子特效 ...
- 3D软件教程:浩辰3D软件中如何进行个性化设置?
想要快速建模?想要个性化设置?想要专属模块定制?有了浩辰3D软件,一切变得如此简单!浩辰3D软件除了拥有强大的智能设计功能,还可以进行个性化设置和专属模块定制,让绘图操作更流畅.设计诠释更高效.而且工 ...
- Chrome 及其 插件“个性化设置”备份
Chrome版本发布时间表 2016.10.13 v54.0.2840.59 主题颜色由 蓝色 变为 灰色 2016.11.17 重新使用 Chrome 浏览器(v54.0.2840.99),并设置 ...
- Mac的3个个性化设置,你值得拥有!
想让您的Mac更个性化吗?您可以通过以下3个简单步骤来定义Mac,mac实用小技巧很多朋友还不知道,今天小编为大家带来Mac的3个个性化设置教程,现在让我们一起来看看吧! 1.光标颜色调整 在系统设置 ...
- 【Unity】Particle System 下雪粒子特效
一 制作下雪粒子特效 1 添加Particle System (1)Hierarchy窗口右键 > Effects > Particle System (2)新建一块Plane作为地面,并 ...
- 印能捷怎样安装在虚拟服务器,超详细Prinergy(印能捷)安装及设置教程
超详细Prinergy(印能捷)安装及设置教程 书法字体2014.09.01Prinergy 如果你安装的是Prinergy(印能捷)正版软件,那么你完全无需操心印能捷的安装与设置问题(印能捷工程师会 ...
- 安卓微信名字彩色字体怎么设置? 微信名字特效设置教程
近日,微信名字又整出了新活.用户可以把自己的微信名字设置为彩色或者带特效的字.小编直呼内行!那么微信名字怎么弄成彩色字体呢?游综宅马上为您呈上设置教程. 微信名字增加特效 设置彩色字体教程步骤: 1. ...
最新文章
- Codewars Vasya - Clerk--6 kyu--Python解法
- android MVP模式简介
- Java 技术之垃圾回收机制
- 常见的html行级元素及语义,HTML入门之——结构,常用标签及其属性,再加上语义化...
- 在python是什么意思_python 的 表示什么
- 显式无参数构造函数与默认构造函数
- 定点化_mif文件生成
- android中当内容超出一页,滚动条滚动到某一个位置的另一个思路
- android 6.0 创建文件或文件夹失败
- 银行卡三要素/三元素检测API,银行卡实名认证接口文档
- python对气象工作有没有用_Python语言在气象资料下载中的应用
- 寿司大厨Sushiswap挥刀Uniswap背后:或将消灭传统VC
- Java - Timestamp cannot be cast to String
- 10位程序员眼中的2007:寻找软件开发利器
- ### LinuxCBT VBOX Edition ###
- gamit 常用命令
- ciscn_2019_n_4
- 大话设计模式——外观模式
- Worksoft Certify学习之路
- oracle 19c创建sample schema-HR,OE,SH等等