精华内容
下载资源
问答
  • { "workbench.colorTheme":"EclipseColorTheme", "editor.fontSize":12, "editor.fontFamily":"'FiraCode',Consolas,'CourierNew',monospace", "workbench.colorCustomizations":{ ..."sideBar.background":"#faf6...

    {

        "workbench.colorTheme": "Eclipse Color Theme",

        "editor.fontSize": 12,

        "editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace",

        "workbench.colorCustomizations": {

            

            "sideBar.background":"#faf6e6", //加深项目管理器背景色  

            "sideBar.background":"#d0d0bf",  

            "editorGroupHeader.tabsBackground":"#f3f3a7",  

            "tab.activeBackground":"#41a863",  

            "tab.activeForeground":"#000",  

            "editor.background":"#fffae8", //取消设置需重启生效  

            "tab.inactiveForeground":"#000"

        },

        "editor.fontLigatures": null,

        "workbench.activityBar.iconClickBehavior": "focus",

        "workbench.iconTheme": null,

        "workbench.tree.expandMode": "doubleClick",

        "workbench.tree.indent": 18,

    }

    展开全文
  • 当周围强光比较耀眼时,如何快速切换vscode的 主题颜色, 第一步:同时按下Ctrl + K; 第二步:同时按下Ctrl + T; 然后弹出多个系统自带的主题,黑底白字,或者白底黑字都可以随意切换哦 转载于:...

    当周围强光比较耀眼时,如何快速切换vscode的 主题颜色,

    第一步:同时按下Ctrl + K;

    第二步:同时按下Ctrl + T;

    然后弹出多个系统自带的主题,黑底白字,或者白底黑字都可以随意切换哦

     

    转载于:https://www.cnblogs.com/loong1314/p/10971553.html

    展开全文
  • vscode中vue代码颜色插件

    万次阅读 2018-10-11 10:22:00
    编者寄语:vscode的确是前端开发中很好的工具,安装颜色插件,从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色,黑色的困惑,后来整理找到方法,整理这篇,以下高亮插件,建议大家都安装了。 在VSCode ...
    vue提示插件【Vscode】
          编者寄语:vscode的确是前端开发中很好的工具,安装颜色插件,从视觉上是美的享受。曾经的我遇到了vscode代码全是灰色,黑色的困惑,后来整理找到方法,整理这篇,以下高亮插件,建议大家都安装了。

              在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue,vue-beautify,vue-color,VueHelper,vertur等等。比较了下载数量可以了解到,vetur 是目前比较好的语法高亮插件,我们来安装一下吧。



    vscode提高效率有效使用插件:

    vscode-Document This-----jsdoc注释生成。

    vscode-eCSStractor-----抽取页面的class,生成一个css文档。

    vscode-CSS Peek------class名字定义跳转。(终于拥有dw cc的这个css定义跳转功能)

    vscode-Live Server-----http服务器(相当于使用nodejs的http-server )。

    VueHelper  Vue2代码段(包括Vue2 api、vue-router2、vuex2)

    Quokka.js  可以即时显示js和ts的运行结果,想试验一些短代码的运行结果,但是又不想之后删除文件的时候可以用到

    codeRunner 可以运行C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script,等开发语言并支持局部执行

    IntelliSense for CSS class names  智能提示 css 的 class 名

    Node.js Modules Intellisense  可以在导入语句中自动完成JavaScript / TypeScript模块。

    vscode-faker   生成假数据,地址,电话,图片等等

    Regex Previewer   测试正则的插件


    转载于:https://www.cnblogs.com/fron-tend/p/9770957.html

    展开全文
  • vscode 自定义编辑器主题颜色

    千次阅读 2020-04-26 09:26:59
    vscode 自定义主题颜色 1. 主题插件 更换主题颜色最简单的方式是从插件商店下载安装已有的主题插件并启用 选择方式 File > Preferences > Color Theme. 2. json自定义 workbench.colorCustomizations 基本...

    vscode 自定义主题颜色

    1. 主题插件

    更换主题颜色最简单的方式是从插件商店下载安装已有的主题插件并启用
    在这里插入图片描述
    选择方式
    File > Preferences > Color Theme.

    2. json自定义

    workbench.colorCustomizations

    基本格式如下

    {
      "workbench.colorCustomizations": {
        "activityBar.background": "#00AA00"
      }
    }
    

    具体api可参考:
    Theme Color api

    Syntax Highlight Guide

    基本格式如下

    "editor.tokenColorCustomizations": {
    	"[Default Dark+]": {
    		"textMateRules": [
                    	{
                    		"name": "COMMENT",
                    		"scope":"comment",
                    		"settings": {
                    			"foreground": "#bae2a7d7",
                    		}
                    	}
    		]        
    	}    
    }
    

    具体api可参考
    Syntax Highlight Guide
    查看scope
    scope-inspector

    3. 效果

    修改了注释颜色
    在这里插入图片描述

    展开全文
  • VSCode自定义配色文件

    2018-11-08 09:58:09
    目前在使用的一种配色方案,只要将该文件复制到VSCode主体文件目录中($RELEASE/resources/app/extensions),以theme-开头的目录即为颜色主题配置 打开vscode,按键选择ctrl+k,ctrl+t,选择Monokai-My即可切换...
  • vscode一款颜色主题名称 很喜欢

    千次阅读 2018-08-06 02:42:58
    偶然在一片教程中看到了作者使用的这个主题,个人很喜欢,搜了网上也没有看到这个颜色主题的名称,求各位老哥前辈们有知道的还请告知一下,感谢不尽。 转载于:https://juejin.im/post/5b67b54ce51d4519610e422e...
  • 1.现在vscode的左下角找到如下图按钮,并点击 2.在输入框输入json,找到并进入settings.json这个文件中 3.进入并添加如下一段就ok了 //我只是想修改注释文字,所以只添加这段,底下的可以自行选择 "editor....
  • ",// ""这个里面是回车后的主体,$1是光标第一次停留位置,$2是光标第二次停留位置,使用tab进行切换。当然你也可以设置$3,$4。。。。。。。 "$2" ], "description": "console.log" //描述提示 }, 三、个人的配置 ...
  • vscode常用的深色主题

    2021-10-02 16:04:01
    vscode中有几种常用的深色主题,设置深色主题的原因是为了保护眼睛,同时给代码着色,更方便阅读和编写。点击vscode做出的插件按钮 --> 输入 theme 回车即可。
  • VScode软件入门详解

    千次阅读 2020-03-05 16:01:12
    VScode软件入门 VScode如何自定义用户代码块 左上角:文件->首选项->用户代码片段 右下角:设置->用户代码片段 ...body :这个是代码段的主体.需要编写的代码放在这里,  $1 :生成代码...
  • vscode作为一款好用的轻量级代码编辑器,不仅支持代码调试,而且还有丰富的插件库,可以说是免费好用,对于初学者来说用来写写python是再合适不过了。下面就推荐几款个人觉得还不错的插件,希望可以帮助大家更好的写...
  • vscode作为一款好用的轻量级代码编辑器,不仅支持代码调试,而且还有丰富的插件库,可以说是免费好用,对于初学者来说用来写写python是再合适不过了。下面就推荐几款个人觉得还不错的插件,希望可以帮助大家更好的写...
  • VScode 浅灰色主题

    2020-11-09 10:20:43
    VScode 浅灰色主题 Github Light Theme - Gray 以前都喜欢用深色主题,就是黑色的感觉不伤眼,但是最近觉得看深色主题眼睛感觉更累,记忆力不集中的样子(个人感觉哈)。 然后就找了找浅色主题,找到了这个Github ...
  • 前端好用vscode插件

    2019-07-15 22:43:02
    1.js函数括号 花括号 高亮颜色 Bracket Pair Colorizerhttps://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer 2.颜色可以预览 Color Highlighthttps://marketplace.visual...
  • VScode主题设置

    千次阅读 2020-03-13 15:10:56
    或者点击“file”,“preferences”,如果有的人已经汉化了的话,操作是“文件”,“首选项”,在preferences选项下面找到“color theme”,也就是我们中文版的“颜色主题”。 最爱Monokai主题配色。 ...
  • vscode使用笔记

    2019-10-20 11:05:13
    Bracket Pair Colorizer:代码颜色高亮一般只会帮你区分不同的变量,这款插件给不同的括号换上了不同的颜色,括号的多的时候非常实用。 One Dark Pro & Brackets Light Pro :一个深色主体一个亮色主体,可以换着...
  • html基础 vscode写代码

    2020-10-13 22:44:50
    Web培训 第一天 vscode干嘛用的 ...编辑器支持用户定制的配置,例如仍在编辑器中时,可以更改各种属性和参数,例如主题颜色,键盘快捷键等,内置的扩展程序管理功能。 1、vscode基本操作 (1) 插件: 安装好vsco
  • vscode terminal主题配色

    千次阅读 2019-08-27 14:31:30
    强烈推荐https://glitchbone.github.io/vscode-base16-term/#/brewer "terminal.background":"#0C0D0E", "terminal.foreground":"#B7B8B9", "terminalCursor.background":"#B7B8B9", "terminalCursor.foreground":...
  • HTML简介及VScode插件安装网页介绍网页什么是网页什么是HTML网页的形成浏览器web标准HTML标签标签规范(语法)标签关系基本结构标签标签总结网页开发工具(VScodeVScode使用插件安装 网页介绍 网页 什么是网页 ...
  • Vscode黑色主题很难看到鼠标

    千次阅读 2020-04-03 16:39:36
    Vscode黑色主题很难看到鼠标,像瞎了一样,找半天不知道鼠标在哪里,解决办法: 控制面板 → 鼠标 → 指针 看【自定义】 → 选择【文本选择】→ 点击【浏览】 选择【beam_r】,这个是光标周围带白边的,很ok 最后...
  • 在用户文件夹中找到.vscode 点开主题文件夹 进入themes 将你要修改的主题拖入vscode,可复制一个副本备份 Ctrl+H 搜索 Comment 将两处的fontStyle 的italic改为空 ...同理可以更改注释颜色 ...
  • vscode 前端必备插件

    2021-06-18 14:56:44
    JavaScript (ES6) code snippets ES6 语法中的 JavaScript 代码片段 JavaScript Snippet Pack 一个片段包 cl 回车或者tab键,就可以完整的打出console.log("") Community Material Theme 好看的主体皮肤包
  • 几个好看的vscode主题,必须记下来

    万次阅读 多人点赞 2019-03-12 23:40:37
    1.Horla Light Them:浅色主题,非常好 2.Monokai pro:暗色主题,这个还是不错的,图标也可以换 3.One Dark pro:这个是所有人都比较喜欢的一款暗色主题 ...4.Nebula Theme:暗色主题,我觉得这个主题女生会更...
  • Vscode 好用的插件

    2019-06-12 02:55:30
    本文转Youtube的Up主 Traversy Media 原视频地址: youtu.be/LdF2RcelRg0 ...另外我Vscode主体是 Atom one dark 我感觉也挺好用的. 转载于:https://juejin.im/post/5d0067096fb9a07eda030f7b
  • vscode作为一款好用的轻量级代码编辑器,不仅支持代码调试,而且还有丰富的插件库,可以说是免费好用,对于初学者来说用来写写python是再合适不过了。下面就推荐几款个人觉得还不错的插件,希望可以帮助大家更好的写...
  • vscode写python的插件推荐

    万次阅读 多人点赞 2018-04-30 00:19:33
    vscode作为一款好用的轻量级代码编辑器,不仅支持代码调试,而且还有丰富的插件库,可以说是免费好用,对于初学者来说用来写写python是再合适不过了。下面就推荐几款个人觉得还不错的插件,希望可以帮助大家更好的写...
  • VSCode Mac版磨砂主题配置

    千次阅读 2019-05-21 05:17:59
    提供一种Mac上无需重新编译vscode的一种配置方式。 安装拓展插件 "Custom CSS and JS Loader" 创建 CSS 和 JS 文件 theme.css html { background: transparent !important; } .scroll-decoration { box-...
  • 断点在左边距中显示为红点: 通过选择“运行” >“开始调试”菜单命令或选择列表旁边的绿色“开始调试”箭头(F5),启动调试器: 观察状态栏的颜色更改以指示调试: VS Code中还会出现一个调试工具栏(如下所示)...
  • 前端软件VScode的使用

    2019-12-19 10:59:42
    对软件的基本设置 ... 第一个设置 自动保存 , ...第四个设置:在设置中的颜色主体,可以更改软件的颜色 第五关设置:对自己常用的代码块进行保存,并快速调用。在设置中的用户代码片段

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 718
精华内容 287
关键字:

vscode颜色主体