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)


相关推荐

  • 5个常用的MySQL数据库管理工具_sql数据库管理工具

    5个常用的MySQL数据库管理工具_sql数据库管理工具工欲善其事,必先利其器。几乎每个开发人员都有最钟爱的MySQL管理工具,它帮助开发人员在许多方面支持包括PostgreSQL,MySQL,SQLite,Redis,MongoDB等在内的多种数据库;提供各种最新的特性,包括触发器、事件、视图、存储过程和外键,支持导入、数据备份、对象结构等多种功能。这篇文章收集了15款最佳的MySQL管理工具和应用软件,帮助你轻松快速完成工作。您可能感兴…

  • 树莓派是什么 树莓派能做什么 树莓派的功能用途

    树莓派是什么 树莓派能做什么 树莓派的功能用途阿里云官方镜像源:https://developer.aliyun.com/mirror/?utm_content=g_1000304579树莓派是指RaspberryPi,是为学习计算机编程教育而设计,只有信用卡大小的微型电脑,其系统基于Linux。随着Windows10IoT的发布,我们也将可以用上运行Windows的树莓派。下面小编给大家介绍一下“树莓派是什么树莓派能做什么树莓派的功能用途”1.树莓派是什么树莓派是指RaspberryPi,是为学习计算机编程

  • 如何暂时退出vim并返回

    如何暂时退出vim并返回我怎么能退出Vim,而不是:q,然后回去继续编辑?

  • gtest测试框架使用详解_quartus在线调试教程

    gtest测试框架使用详解_quartus在线调试教程编辑推荐:本文来自51CTO,本文主要简单介绍了googletest代码的环境配置以及简单实用过程,希望对您的学习有所帮助。1、下载googletest代码得到压缩包:解压并进入msvc文件夹:googletest-master\googletest\msvc2、打开gtest.sln文件因为我的VS是2017版,下载的gtest对应的是2010版,所以打开会提示选择目标SDK版本和升级平台工具集…

  • Oracle学习(八):处理数据

    Oracle学习(八):处理数据

    2021年11月15日
  • 苹果x充电慢是什么原因_苹果手机充不进去电?什么原因?怎么解决?

    突然发现苹果手机充不进电了?难道是手机坏了?还是其它方面的原因呢?今天蜜罐蚁小编给大家介绍一个有关苹果手机使用方面生活小妙招。下面是几种常见苹果手机充不进电原因总结。1、充电线损坏不知道是不是有一些朋友像小编一样,家里的苹果手机原装充电线早就找不到了,从网上买的数据线,结果这种网上买的数据线不耐用,用了几次发现就不好用了,怎么充电都没反应。这种情况就只能更换一根新的数据线了。2、充电器损坏其实这个…

发表回复

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

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