vscode高效开发方案【护眼绿主题,插件,和控制台】研究

vscode高效开发方案【护眼绿主题,插件,和控制台】研究最近写代码太累,眼睛疲劳,修改写主题配色插件安装参考文章大前端插件集合配置主题启动vscode把下面的代码放在配置中”workbench.colorCustomizations”:{“foreground”:”#519657″,”editor.background”:”#c8e6c9″,”editor.lineHighlig…

大家好,又见面了,我是你们的朋友全栈君。

最近写代码太累,眼睛疲劳,修改写主题配色

最近这边文章本人投诉侵权啦,也无所谓啦,反正这篇文章该更新啦,现在我的vscode 配置基本大变化啦!

插曲 Rollup 打包通用项目工程库,工程化之路

配置开发插件提高工作效率

插件安装参考文章大前端插件集合

tips: 为了减少系统盘的大小或者后期重装系统造成的一些插件丢失,告诉大家一个好方案,因为vscode 可以解压的方式运行,下载下来,把目录弄到非系统盘,我的在E:\install_path\VSCode,打开vacode,把上面的插件安装到vscode上
在这里插入图片描述
,接下来是关键以的一步,安装的插件在C:\Users\“用户”.vscode\extensions下、
在这里插入图片描述
,把上面的所有文件复制到 E:\install_path\VSCode\resources\app\extensions 下,重新打开,你会发现之前的插件全部变成内置啦,就算重装系统,也不会丢失。

配置主题

因为侵权问题,我现在已另外一种方式去实现,这样通过改文件的方式,
我们首先确定我们的主题文件在哪个目录下,之后修改默认的配置文件,或者自己新建一个配置文件,名字改为自己喜欢的专属名字。
主题目录在 E:\install_path\VSCode\resources\app\extensions这里会看到theme***的插件
在这里插入图片描述
我们看看默认的是哪个主题

在这里插入图片描述
那这个系统默认的主题在哪里呢?仔细找找,其实并不难找。在E:\install_path\VSCode\resources\app\extensions这个目录下有个theme-defaults的文件夹
在这里插入图片描述
fileicons 这个是图标的icon
themes 这个是主题文件,基本都是json格式的
打开themes 之后
在这里插入图片描述
dark_defaults.json 这个就是系统默认的那个主题

package.json 可以加一个自己定制的主题文件,package.json的内容

在这里插入图片描述
我自己新建一个主题的名字
在这里插入图片描述
在这里插入图片描述
重新启动vscode
在这里插入图片描述

以下为分类的颜色明细说明:

文本编辑区

  • editor.foreground :编辑区前景颜色
  • editor.background:编辑区背景颜色

文本编辑区

  • titleBar.activeBackground :背景颜色
  • titleBar.activeForeground:前景颜色

titleBar

  • titleBar.activeBackground :背景颜色
  • titleBar.activeForeground:前景颜色

工具栏

  • toolBar.background 工具栏背景颜色
  • toolBar.border 工具栏边框颜色
  • toolBar.hoverBackground 工具栏上图标被选中时的背景颜色

文件资源管理器

  • sideBar.background 背景颜色
  • sideBar.border 边框颜色

标签卡

  • editorGroupHeader.tabsBackground tabs背景颜色
  • tab.activeBackground 选中时的背景颜色
  • tab.border 边框颜色
  • tab.inactiveBackground 未选中时的背景颜色
  • tab.hoverBackground 鼠标滑过时的背景颜色
  • tab.inactiveForeground 未选中时的前景颜色
  • tab.activeBorder 选中时的边框颜色
  • tab.activeForeground 选中时的前景颜色
  • tab.unfocusedInactiveForeground 未选中分栏里未选中标签的前景颜色
  • tab.unfocusedHoverBackground 未选中分栏里鼠标滑过未选中标签的背景颜色
  • tab.unfocusedActiveForeground 未选中分栏里选中标签的前景颜色

控制台

  • terminal.background 终端背景颜色
  • console.background 控制台背景颜色
  • panelTitle.activeForeground tab选中时的前景颜色
  • debug.foreground 前景颜色

tips: more

tips: 绿柔的几个颜色【#faf6e6,#338a3e】在这上面进行扩展浅色和深色


    "sideBar.background":"#faf6e6" //加深项目管理器背景色 
    "sideBar.background":"#FFFFCC",  
    "editorGroupHeader.tabsBackground":"#FFFFCC",  
    "tab.inactiveBackground":"#FFFFCC",  
    "editor.background":"#FFFFCC" //取消设置需重启生效 

控制台的风格设置

相信大家都是用过控制台的,windows 看起来很不爽,一个小小的设置,让你眼前一亮。一目了然看到当前的分支,还可以使用linux 指令,很不错哦!

  1. 找到git的安装目录,本人的在 E:\install_path\Git
  2. 找到git目录下的bash.exe 在安装目录下bin目录下,E:\install_path\Git\bin

在这里插入图片描述

  1. 在vscode 配置中设置

在这里插入图片描述

"terminal.integrated.shell.windows": "E:\\install_path\\Git\\bin\\bash.exe",

最后的效果如下,是不是事半功倍啊!
在这里插入图片描述

有需要上面的配置的包括护眼绿主题等,私信,我把配置发你们。

欢迎进入个人公众号 ,一起学习啊!

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/142084.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • python批量修改文件夹名称_python文件扩展名主要有

    python批量修改文件夹名称_python文件扩展名主要有1、引言需要把.dat格式转化成.txt格式2、实现##python批量更换后缀名importos#列出当前目录下所有的文件files=os.listdir(‘.’)#print(‘files’,files)forfilenameinfiles:portion=os.path.splitext(filename)#如果后缀是.datifp

  • scrollTop和scrollHeight属性「建议收藏」

    scrollTop和scrollHeight属性「建议收藏」———————————————————————检测滚动条是否滚动到底部:

  • list对象转map[通俗易懂]

    list对象转map[通俗易懂]根据list对象中的某个属性转换成map/***将对象中的某个属性作为map的key将对象本身作为map的value构成成一个map**@paramfieldToKey必须是obj的field我们把field的getValue作为map的key*@authormountain2019-01-0717:21*/publicstatic<T,E>Map<T,E>listToM

  • CNN训练前的准备:pytorch处理自己的图像数据(Dataset和Dataloader)

    CNN训练前的准备:pytorch处理自己的图像数据(Dataset和Dataloader)pytorch的torchvision给我们提供了很多已经封装好的数据集,但是我们经常得使用自己找到的数据集,因此,想要得到一个好的训练结果,合理的数据处理是必不可少的。

  • 如何为pycharm配置解释器_python解释器加入pycharm

    如何为pycharm配置解释器_python解释器加入pycharm我们需要提前下载好python解释器解释器可以在Python解释器官网下载,这里我下载的是3.8.8版本的1、在我们安装好pycharm的时候,并不是直接可以用的,我们还需要配置解释器,不配置解释器的话,就会出现下面这种情况。此时,小伙伴们莫慌,只要我们配置好解释器就可以了。2、首先点击上图中“ConfigurePythonInterpreter”,之后Pycharm就会自动定位到“ProjectInterpreter”这个位置,如下图所示,该界面是Pycharm的设置窗口之一,专门用

  • linux虚拟机怎么配置网卡和ip地址_添加虚拟ip

    linux虚拟机怎么配置网卡和ip地址_添加虚拟ip虚拟ip作用:配置虚拟ip也就是说一个网卡有多个ip地址,更方便多个网段之间进行测试使用!缺点是当网卡坏掉之后基于这个网卡的所有虚拟网卡都会失效!!!步骤如下:1、查看内网ip地址[root@51~]#ifconfigens33:flags=4163<UP,BROADCAST,RUNNING,MULTICAST>mtu1500inet10.10.14.51netmask255.255.255.0broadcast10.10.14.255

    2022年10月20日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号