精华内容
下载资源
问答
  • VSCode 代码没有颜色/颜色为白色

    千次阅读 2021-03-30 17:02:46
    1.页面最下方,点击纯文本 2.出现下拉框可以选择,如:选择html 3.就有颜色啦~~~

    在这里插入图片描述
    1.页面最下方,点击纯文本
    在这里插入图片描述

    2.出现下拉框可以选择,如:选择html
    在这里插入图片描述

    3.就有颜色啦~~~
    在这里插入图片描述

    展开全文
  • VSCode 代码没有颜色-选择语言模式

    千次阅读 2020-10-12 13:30:10
    1.首先打开vscode编辑器,点击下方图片处 2.选择为vue页面配置语言模式,一般是Vue页面代码没有颜色 3.选择HTML,页面就会有颜色了,不需要重启

    1.首先打开vscode编辑器,点击下方图片处

    2.选择为vue页面配置语言模式,一般是Vue页面代码没有颜色

    3.选择HTML,页面就会有颜色了,不需要重启

    展开全文
  • 自学前端刚开始的时候使用Hbuilder,Hbuilder界面设计的很小清新,我特别喜欢,...于是我用了一段时间vscode,在网上按推荐安装了很多花里胡哨的插件呢。给我感觉是不好上手。 于是后来又接触了sublime,sublime相比...

    自学前端刚开始的时候使用Hbuilder,Hbuilder界面设计的很小清新,我特别喜欢,代码提示啥方面做的也特别好,很好上手,作为小白我用了很长一段时间。
    后来浅浅学习微信小程序开发,得写wxml,Hbilder上没有wxml格式的代码提示,代码高亮等。于是我用了一段时间vscode,在网上按推荐安装了很多花里胡哨的插件呢。给我感觉是不好上手。
    于是后来又接触了sublime,sublime相比vscode界面比较简洁,但是界面没有Hbuilder那般小清新,是比较炫酷的界面。sublime我也用了好长一段时间了。
    昨天我决定开始拾起我一直没好好用的觉得不好上手的vscode。

    我是个女生,我喜好偏向于浅色的主题,虽然那些深色主题看起来特别有逼格。vscode几个默认的浅色主题给我的感觉就是代码比较糊,颜色特别的浅,特别是 quiet light 这个主题写HTML时,tag标签颜色特别浅,标签名称颜色和HTML属性名称颜色都是小清新彩色,虽然颜色不同但是颜色比较相近。再加上背景颜色就很浅浅的小清新颜色,导致整体看起来特别糊,没有那种很强烈的对比感,这样代码看起来感觉糊到一起去了,这种视觉上给我的感觉特别糟糕,有种这种看着这种界面就不想码代码的感觉。于是我查阅网上各种资料决定改改代码颜色。

    好了废话说了一大堆。开始正题。
    对于vscode默认的几个浅主题,我挑选了 quiet light 这个框框为浅紫色的主题下手。

    效果图如下
    在这里插入图片描述
    File–Preference–color theme
    设置默认主题为 Quiet Light
    在这里插入图片描述
    在这里插入图片描述
    fIle–Preference–settings
    在这里插入图片描述
    点击右上角如下图所示圈起来的小图标 打开settings.json文件
    在这里插入图片描述
    接下来在settings.json文件中添加json代码:
    贴一下我添加的:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    好久没有看自己的CSDN了,今天无意留意到居然有人评论自己的博客,感觉自己被需要呀,这种感觉不错,如果自己写的东西能帮到大家太棒了,评论的小伙伴问方法名颜色怎么修改,如下请参考:
    在这里插入图片描述
    我的setting.json文件内容:

    {   
        "workbench.iconTheme": "vscode-icons",
        "files.associations": {
            "*.cjson": "jsonc",
            "*.wxss": "css",
            "*.wxs": "javascript"
        },
        "emmet.includeLanguages": {
            "wxml": "html"
        },
        "minapp-vscode.disableAutoConfig": true,
        "editor.renderIndentGuides": false,
        "window.zoomLevel": 1,
        "editor.autoClosingBrackets": "always",
        "editor.autoClosingQuotes": "always",
        "files.autoSave": "afterDelay",
        "editor.minimap.enabled": true,
        "breadcrumbs.enabled": true,
        "workbench.colorTheme": "Quiet Light",
        "editor.mouseWheelZoom": true,
    
        
        
    
        "update.enableWindowsBackgroundUpdates":true,
        "background.enabled":true,
        "background.customImages": [""],
    
        "background.style": {
            "content": "''",
            "pointer-events": "none",
            "position": "absolute",
            "z-index": "99999",
            "width": "100%",
            "height": "100%",
            "background-position": "100% 100%",
            "background-repeat": "no-repeat",
            "opacity": 0.2
        },
        "background.useFront": true,
        "background.useDefault": false,
        "git.ignoreMissingGitWarning": true,
        "editor.fontFamily": "Consolas, mononoki,'Courier New', monospace",
        "editor.renderLineHighlight": "none",
        "editor.lineHeight": 18,
        "editor.roundedSelection": false,
        "editor.fontSize": 14,
        "workbench.colorCustomizations": {
            "[Quiet Light]":{
                "editor.foreground": "#201515",
                
                
                "editor.selectionHighlightBorder": "#94767c00",
                "editor.selectionHighlightBackground": "#ff000078",
                "editorIndentGuide.activeBackground":"#81868d",
                "editorBracketMatch.background": "#ca9fdb5e",
                "editorBracketMatch.border": "#ff0000",
                "tab.activeBackground": "#ad9cd4b2",
                "textLink.foreground": "#d6561ac4",
                "descriptionForeground": "#ff0000",
                "selection.background": "#b98cd693",
                "textBlockQuote.background":"#b89a9a",
                "textSeparator.foreground": "#86c2df"
                
            },
            
            
        },
        "editor.tokenColorCustomizations": {
            "[Quiet Light]":{
                "comments": "#7e3648",
                "strings": "#519657",
                "functions": "#7e57c2",
                "keywords": "#8e1da1",
                "variables":"#e57373",
                "numbers": "#e62020",
                
                
                "textMateRules": [
                    {
                        "name": "Comment",
                        "scope":[
                            "comment" 
                        ],
                        "settings": {
                            "foreground": "#a7cca8",
                            "fontStyle": ""
                        }
                    },
                    {
                        "name": "[VSCODE-CUSTOM] PHP Punctuation Variable Definition",
                        "scope": "punctuation.definition.variable.php",
                        "settings": {
                            "foreground": "#e57373"
                        }
                    },
                    {
                        "name": "String",
                        "scope":[
                            "string"
                        ],
                        "settings": {
                            "foreground": "#32a504",
                            "fontStyle": ""
                        }
                    },
                    {
                        "name": "HTML:Tags",
                        "scope":[
                            "meta.tag",
                            "punctuation.definition.tag.html",
                            "punctuation.definition.tag.begin.html",
                            "punctuation.definition.tag.end.html"
                        ],
                        "settings": {
                            "foreground": "#4b4444",
                            "fontStyle": ""
                        }
                    },
                    {
                        "name": "HTML:Tag Names",
                        "scope":"entity.name.tag",
                        "settings": {
                            "foreground": "#a617e9",
                            "fontStyle": ""
                        }
                    },
                    {
                        "name": "HTML: Attribute Names",
                        "scope": [
                            "meta.tag entity.other.attribute-name",
                            "entity.other.attribute-name.html"
                        ],
                        "settings": {
                            "fontStyle": "italic",
                            "foreground": "#f31616"
                        }
                    },
                    {
                        "name": "Operator",
                        "scope":"keyword.operator",
                        "settings": {
                            "foreground": "#e21d1d",
                            "fontStyle": ""
                        }
                    }
                    
                ]
            }
        },
        "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe"
        
        
    }
    
    

    小白解释不好,有什么错误的地方请大佬指出呢。
    贴上参考资料链接:
    启蒙篇
    https://www.liu.app/2018/08/29/VSCode/%E4%BF%AE%E6%94%B9VSCode%E7%9A%84%E4%B8%BB%E9%A2%98%E9%A2%9C%E8%89%B2%E4%B8%BA%E6%8A%A4%E7%9C%BC%E7%BB%BF/
    vscode官网扩展自定义主题说明链接
    https://code.visualstudio.com/api/references/theme-color#text-colors
    下面这一篇写的很详细
    https://www.cnblogs.com/garvenc/p/vscode_customize_color_theme.html

    展开全文
  • VSCodeVScode修改代码颜色

    千次阅读 2020-11-06 21:32:17
    5.将以下代码放到括号内 "editor.tokenColorCustomizations": { "comments": "#82e0aa", // 注释 "keywords": "#0a0", // 关键字 "variables": "#f00", // 变量名 "strings": "#e2d75dbd", // 字符串

    流程:

    1.左上角 选择文件
    2.找到 首选项
    3.点击 设置
    如图所示
    4.界面右上角 点击json
    如图所示
    5.将以下代码放到括号内

    "editor.tokenColorCustomizations": {
            "comments": "#82e0aa", // 注释
            "keywords": "#0a0", // 关键字
            "variables": "#f00", // 变量名
            "strings": "#e2d75dbd", // 字符串
            "functions": "#5b99fcc9", // 函数名
            "numbers": "#AE81FF" // 数字
          },  
           // 选中高亮的颜色
             "workbench.colorCustomizations": {
              "editor.selectionBackground": "#aa0000"
          }
    ```![如图所示](https://img-blog.csdnimg.cn/20201106213120261.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3Bvc3NpYmxlOTk5,size_16,color_FFFFFF,t_70#pic_center)
    
    
    
    展开全文
  • setting.json文件代码如下(直接复制进去保存就可): `{ “workbench.iconTheme”: “vscode-icons”, “files.associations”: { “.cjson": “jsonc”, ".wxss”: “css”, “*.wxs”: “javascript” }, “emmet...
  • vscode的确是前端开发中很好的工具,安装颜色插件,从视觉上是美的享受。这篇文章主要介绍了vscode中vue代码颜色插件 ,需要的朋友可以参考下
  • vscode自定义代码注释颜色

    万次阅读 多人点赞 2019-03-26 22:34:32
      vscode 的扩展插件十分强大,在里面可以找到许多自己喜欢的插件,如:代码主题风格等。博主很喜欢 Monokai 的代码主题风格,但是也有美中不足的地方。该主题的注释是灰色的,在黑色的代码面板里面很难看清楚;...
  • vscode代码截图插件Polacode

    千次阅读 2020-07-18 12:28:30
    今天介绍一款在vscode中对代码截图的插件——polacode, 安装插件: 选择polacode-2020 安装即可。 使用: 打开代码编辑页面,然后按"ctrl+shift+p",输入polacode、回车即可。接下来,选中代码,就会生成对应...
  • vscode中vue代码颜色插件

    千次阅读 2018-10-11 10:22:00
    曾经的我遇到了vscode代码全是灰色,黑色的困惑,后来整理找到方法,整理这篇,以下高亮插件,建议大家都安装了。 在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue,vue-beautify,vue-color,V...
  • 因为vscode的sftp上传有问题重新安装 了vscode,发现vue代码没有颜色高亮 vscode css错误提示{ expected css(css-lcurlyexpected) 解决搜索vue安装插件 点击下图箭头处 选择vue就完美解决了
  • vscode中控制台代码颜色设置

    千次阅读 2020-08-10 15:08:33
    设置vscode的终端颜色,字体的设置 code-> preferences -> setting --> 搜索workbench 选择第二个 workbench.colorCustomizations 修改 edit in setting.json 添加如下内容(只需要添加一对key, value即可)...
  • vscode代码不高亮的问题

    千次阅读 2020-05-16 09:29:24
    一个HTML文件,如果超过了500行,则HTML代码会自动保护,自动保护就不会全部显示HTML代码颜色 HTML代码不高亮,点击右下角切换语言为XML,即HTML代码部分高亮,带颜色 再切换为HTML,则CSS和javascript部分高亮...
  • spyder整成vscode颜色方案

    千次阅读 2018-12-02 12:23:16
    今天用拾色器将spyder的主要颜色方案调成了vscode颜色布局。各个颜色值的设定如下图: 你可以创建一个新的scheme或者修改已有的scheme.主要就是调整color scheme editor里面各个颜色值。步骤3里面的#带6位字母...
  • vscode 注释颜色、关键字、变量名、函数名、数字、字符串的颜色值修改(可自定义) ps:今天换了台电脑,不知道什么原因,我的注释颜色很难看,然后经过一番折腾后终于有结果了。哈哈哈。。。 我的vscode是中文的,...
  • 本主题探讨的是减少语法高亮显示的数量并更多地关注代码的想法,而不是拥有编辑器的cristmas树。 Opaline定义了5种用于语法突出显示的标记类别: 语言关键词 文字-常量,正则表达式,布尔值,字符串,数字等。 ...
  • vscode颜色设置(护眼模式)

    千次阅读 多人点赞 2019-11-19 11:03:42
    代码如下 { "window.zoomLevel": 1, //窗口.缩放级别 "editor.tabSize": 2, //工作台主题颜色 "typescript.updateImportsOnFileMove.enabled": "always", "editor.formatOnSave": true, // 保存时格式化 ...
  • 代码里的左侧颜色标识: 红色,未加入版本控制(刚clone到本地) 绿色,已经加入版本控制暂未提交; (新增部分) 蓝色,加入版本控制,已提交,有改动; (修改部分) 白色,加入版本控制,已提交,无改动; 灰色:版本控制...
  • 所以我以Monokai为例介绍如何进行修改颜色主题选中代码背景色。方法大同小异。 在下面的安装目录里(根据你自己的改),用vscode打开【monokai-color-theme.json】文件。然后进行如下修改(注释部分为原来的代码)...
  • 1.打开VS Code编辑器,在编辑器中设置。... //设置用户选中代码段的颜色 "workbench.colorCustomizations": { // "editorBracketMatch.background": "#f511bc",//匹配括号的背景色 "editorCursor.foreground":
  • vscode自定义背景颜色

    2019-09-28 14:29:46
    大概做前端的builder(只会打代码的才是coder,嘻嘻~)一半以上都会使用vscode编辑代码吧,vscode很轻量,支持的文件拖拽加入编辑区功能我个人认为很方便很强大。 下面我写一下怎么更改vscode的背景图让自己的眼睛...
  • vscode 选择代码段高亮插件

    万次阅读 2019-10-28 10:24:28
    vscode 选择代码段高亮插件 vscode上实现vim那种任意代码多种颜色高亮 安装插件highlight-words 选中要高亮的代码,按F1 ,执行Highlight Toggle Current即可高亮当前选中文本。 ps: 还可以为此设置快捷键。 ...
  • html基础 vscode代码

    2020-10-13 22:44:50
     VisualStudioCode(简称VSCode)是Microsoft开发的代码编辑器,它支持Windows,Linux和macOS等操作系统以及开源代码。它支持测试,并具有内置的Git版本控制功能以及开发环境功能,例如代码完成(类似于...
  • vscode中UI界面设置以及代码颜色字体设置 setting.json设置 { "editor.tabSize": 2, // tab必须是两格,漂亮 省地方 // "vim.disableAnnoyingNeovimMessage": true, "vim.useCtrlKeys": false, //这个不禁用就不...
  • vscode改变窗口颜色

    2021-04-25 15:45:53
    vscode打开多个(不同机器上的/不同目录下的)同名工程文件时,容易混淆,希望通过窗口颜色加以区分。 解决方法: 更改整体主题颜色(所有窗口都改变)或更改单个窗口颜色,后者更有用。 一、更改整体主题颜色 ...

空空如也

空空如也

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

vscode代码颜色