精华内容
下载资源
问答
  • vscode代码高亮插件
    2022-02-23 23:27:54

    先上效果。大致如下整行都如我所愿的高亮起来了。

    讲讲实现流程:

    必要条件:

    1、文件路径。

    2、行号。

            有了文件路径我们先把路径转换成一个vscode能打开的路径。直接打开是不行的,要通过vscode的vscode.Uri.parse() 转换成一个可被识别的对象才可以调用。

            具体代码如下:

    export async function showTest() {
      // 转换路径
      let fullPath = vscode.Uri.parse('Users/xxx/ctrl/step4_django/step4_django/ctrl/public.py');
      let lineNumber = 33;
      // 打开文件
      await vscode.workspace.openTextDocument(fullPath)
      .then(async doc => {
        // 获取当前打开的文件的editor 
        let editor = vscode.window.activeTextEditor;
        if (!editor) {
          return;
        }
        //从editor 中拿document。
        let document = editor.document;
        // 调用document的lineAt获取某行代码的range。
        let start = document.lineAt(lineNumber).range.start.character;
        let end = document.lineAt(lineNumber).range.end.character;
        // 组装range。
        let range: vscode.Range = new vscode.Range(lineNumber, start, lineNumber, end);
        //高亮!!!
        await vscode.window.showTextDocument(doc , {preserveFocus: false, selection: range, viewColumn: vscode.ViewColumn.One});
      });
    

     不定时更新 vscode 开发心得

    更多相关内容
  • vscode怎么实现代码高亮颜色插件

    万次阅读 2021-10-18 11:50:09
    首先需要安装扩展插件:vetur实现代码高亮. 如果不成功设置调整一下: 打开文件——首选项——设置直接搜索vetur——vetur,进入到 settings.json文件编辑之中,将以下代码复制进去: { // 强制单引号 "prettier....

    vscode怎么实现代码的高亮颜色插件

    首先需要安装扩展插件:vetur实现代码高亮.
    在这里插入图片描述

    在这里插入图片描述

    如果不成功设置调整一下:
    打开文件——首选项——设置直接搜索vetur——vetur,进入到 settings.json文件编辑之中,将以下代码复制进去:

    {
     // 强制单引号
     "prettier.singleQuote": true,
     // 尽可能控制尾随逗号的打印
     "prettier.trailingComma": "all",
     // 开启 eslint 支持
     "prettier.eslintIntegration": true,
     // 保存时自动fix
     "eslint.autoFixOnSave": true,
     // 添加 vue 支持
     "eslint.validate": [
      "javascript",
      "javascriptreact",
      {
       "language": "vue",
       "autoFix": true
      }
     ],
     // 使用插件格式化 html
     "vetur.format.defaultFormatter.html": "js-beautify-html",
     // 格式化插件的配置
     "vetur.format.defaultFormatterOptions": {
      "js-beautify-html": {
       // 属性强制折行对齐
       "wrap_attributes": "force-aligned"
      }
     },
     "vetur.format.defaultFormatter": {
         "html": "prettier",
         "css": "prettier",
         "postcss": "prettier",
         "scss": "prettier",
         "less": "prettier",
         "js": "prettier",
         "ts": "prettier",
         "stylus": "stylus-supremacy"
     },
     // html颜色高亮
     "files.associations": {
         ".eslintrc": "json",
         "*.vue": "html"
     },
     "emmet.syntaxProfiles": {
         "javascript": "jsx",
         "vue": "html",
         "vue-html": "html"
     }
    }
    

    然后就实现了代码高亮等需要的功能了。

    改变VS code的字体大小的方法:

    1. 打开vscode软件,左上角有一个文件,点击首选项,选择设置。如图:
      在这里插入图片描述

    2. 在常用设置中有一项“以像素为单位控制字体大小",修改为自己想要的字号。点击左边空白处即可
      在这里插入图片描述

    展开全文
  • vscode中同时高亮多个字符的插件

    1. 安装

    直接搜索highlight-words安装即可

    2. 配置

    在setting中搜索highlight-words,在settings.json中编辑

     

    # highlight颜色设置,可自由设置
    "highlightwords.colors": [
        { "light": "#b3d9ff", "dark": "cyan" },
        { "light": "#e6ffb3", "dark": "pink" },
        { "light": "#b3b3ff", "dark": "lightgreen" },
        { "light": "#ffd9b3", "dark": "magenta" },
        { "light": "#ffb3ff", "dark": "cornflowerblue" },
        { "light": "#b3ffb3", "dark": "orange" },
        { "light": "#ffff80", "dark": "green" },
        { "light": "#d1e0e0", "dark": "red" }                                        
        
    ],
    # 选择highlight方式,light为加文字背景,dark为加外框
    "highlightwords.box": {
        "light": false,
        "dark": true
    },
    "highlightwords.defaultMode": {
        "default": 0
    }
    
    "highlightwords.showSidebar": {
        "default": true
    }

    3. 使用

    ctrl+shift+p进入命令面板,搜索对应命令

    其中:
    Highlight expression: 输入需要高亮的字符串

    也可选择需要高亮的字符串,使用Highlight selection

    highlight remove:移除单个标记

    highlight remove all:移除当前文档所有标记

    效果如下:

     

     

    展开全文
  • vscode语法高亮插件开发

    千次阅读 2020-11-05 19:31:14
    T汇编语言(似乎)没有专门的语法高亮插件,于是我想自己写一个插件来玩玩。在这里以ATT语言为例,记录一下开发的过程。 首先,通过yo创建插件的框架(这个步骤可以看其他教程) 创建之后的文件大致是这样的(这是我...

    AT&T汇编语言(似乎)没有专门的语法高亮插件,于是我想自己写一个插件来玩玩。在这里以ATT语言为例,记录一下开发的过程。

    首先,通过yo创建插件的框架(这个步骤可以看其他教程)
    创建之后的文件大致是这样的(这是我写完以后按印象恢复的,所以可能有一点不同):
    创建的vscode插件文件
    方框中的两个文件是主要需要编辑的。
    解释一下文件名。att.tmLanguage.json包含了可以匹配的关键字,文件名中的att是语言的名字。language-configuration.json包括了语言的标点符号。

    更改language-configuration.json

        "comments": {
            // symbol used for single line comment. Remove this entry if your language does not support line comments
            "lineComment": "//",
            // symbols used for start and end a block comment. Remove this entry if your language does not support block comments
            "blockComment": [ "/*", "*/" ]
        },
    

    对于AT&T语言,单行注释是以’;'开头的,把lineComment中的“//”改为‘;’就可以了。同时,我不想使用块注释的功能,所以把blockComment的部分注释掉了,注意注释以后要把上一项lineComment末尾的‘,’删除。

        "comments": {
            // symbol used for single line comment. Remove this entry if your language does not support line comments
            "lineComment": ";"
            // symbols used for start and end a block comment. Remove this entry if your language does not support block comments
            // "blockComment": [ "/*", "*/" ]
        },
    

    更改att.tmLanguage.json
    主要代码有:

    "patterns": [
    		{
    			"include": "#keywords"
    		},
    		{
    			"include": "#strings"
    		}
    	],
    	"repository": {
    		"keywords": {
    			"patterns": [{
    				"name": "keyword.control.att",
    				"match": "\\b(if|while|for|return)\\b"
    			}]
    		},
    		"strings": {
    			"name": "string.quoted.double.att",
    			"begin": "\"",
    			"end": "\"",
    			"patterns": [
    				{
    					"name": "constant.character.escape.att",
    					"match": "\\\\."
    				}
    			]
    		}
    	},
    

    这段代码我并不懂,但是会改就可以了。在repository下,例如keywords的patterns中,name是语法规则匹配的代码的种类,规定了keywords类型的代码的颜色,比如代码中为keyword.control的颜色。这个颜色名是有规定的。颜色的后缀为语言的名字,在这个例子中为att。name后的match是匹配字符的正则表达式。对正则表达式不了解或者不熟悉(比如我)也没关系,可以参考教程

    首先,在原有的模板下进行更改。把repository-keywords-patterns-match下的"\b(if|while|for|return)\b"改为movb,这时候就可以匹配movb的字符串并将其改为keyword.control的颜色了。

    除此之外,还可以加入新的字符类型。在string的代码块后加上’,’,在后面加上类似keywords的代码块(最后不用加‘,’)

    		"strings": {
    			"name": "string.quoted.double.att",
    			"begin": "\"",
    			"end": "\"",
    			"patterns": [
    				{
    					"name": "constant.character.escape.att",
    					"match": "\\\\."
    				}
    			]
    		},
    		"registers": {
    			"patterns": [{
    				"name": "variable.att",
    				"match": "%rax"
    			}]
    		}
    

    这个registers的名字不固定,可以随便取。

    然而这样是没有作用的,还要在和repository并排的上面的那个patterns里加上{“include”: “#registers”}(注意registers前要加‘#’,前一代码块后之前要加‘,’)

    	"patterns": [
    		{
    			"include": "#keywords"
    		},
    		{
    			"include": "#strings"
    		},
    		{
    			"include": "#registers"
    		}
    	],
    	"repository": {
    

    这时再按F5调试。打开指定后缀名的文件,输入%rax,就可以看到高亮的效果了。

    展开全文
  • 基础插件 Chinese (Simplified) (简体中文) 中文(简体)语言包 open in browser 打开浏览器,快捷键“Alt+B” vscode-icons 编辑器的文件图标 Live Server 修改代码时时时预览效果 需要在设置中搜索auto ...
  • vscode彩虹括号+区域代码高亮插件

    千次阅读 2021-10-20 09:23:48
    vscode彩虹括号插件 参考网址: idea插件 https://mp.weixin.qq.com/s?__biz=MzI4Njg5MDA5NA==&mid=2247491079&idx=1&sn=4644a25989881adf21f045dc12ea6751&chksm=ebd75f06dca0d61094f0e44c7637c8d7...
  • vscode高亮插件highlight-words的使用
  • 描述:vscode插件推荐高亮标记插件名称 名称: TODO Highlight
  • 你不知道的 VSCode 代码高亮原理

    千次阅读 2021-06-08 00:40:31
    全文5000字,解读 vscode 背后的代码高亮实现原理,欢迎点赞关注转发。Vscode代码高亮、代码补齐、错误诊断、跳转定义等语言功能由两种扩展方案协同实现,包括:基于词法分析技术...
  • -------2018 8 3-----------把函数名和参数改了,正则有点古怪,参考自带的lambda表达式才搞定但彩色括号走了弯路,各种配图有彩色括号的插件其实很少是自己搞的,其实只要再装一个Rainbow Brackets插件就好了现在的...
  • 一些提高开发效率的VSCode必备插件(分享)提高开发效率的虚拟代码的一些重要插件(分享),本文推荐一些VSCode插件来提高效率。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有帮助。Visual Studio Code插件...
  • vsCode选中内容高亮插件

    千次阅读 2021-04-06 10:18:37
    默认vsCode用来编写代码,然后选中的内容的话,默认不是很突出,所以需要用到一个能够使得你选中的内容更加高亮突出的插件,这样有利于你寻找代码直接的衔接和定义的位置。 本文介绍的插件名字叫:highlight-icemode...
  • 精选!15个必备的VSCode插件

    千次阅读 2020-12-19 13:34:26
    就像大多数 IDE 一样,VSCode 也有一个扩展和主题市场,包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件,我们针对性的收集了一些实用、有趣的插件与大家分享。1. Open-In-Browser由于 VSCode 没有...
  • vscode 选择代码高亮插件

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

    千次阅读 2020-12-29 08:45:56
    曾经的我遇到了vscode代码全是灰色,黑色的困惑,后来整理找到方法,整理这篇,以下高亮插件,建议大家都安装了。在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有vue,vue-beautify,vue-color,VueHelper,...
  • 解决VSCode代码高亮的问题

    千次阅读 2022-01-19 12:21:11
    在卸载了所有扩展,并且卸载了vscode之后,发现还是不高亮,并且卸载重装之后居然可以直接打开之前最后一次打开的文件和目录,想想应该是临时...直接删除这些临时文件,重新安装插件,发现代码可以高亮了,问题解决 ...
  • VSCODE 备注 //TODO 代码高亮方法:1.安装插件 2.插件配置如下: 3.将配置直接复制进去: 4.最后写的时候注意 TODO必须大写,而且后面要加冒号:
  • vscode 设置代码高亮

    万次阅读 2020-04-01 23:27:43
    初始情况: 1、File-》Preferences-》settings (我本地环境已经英文转了中文,想要转换环境,可以看上一篇。...3、新增代码 "editor.fontSize": 14, //窗口字号显示 "editor.minimap.enabled": false, ...
  • 详解vscode中vue代码颜色插件

    千次阅读 2021-02-04 23:53:57
    曾经的我遇到了vscode代码全是灰色,黑色的困惑,后来整理找到方法,整理这篇,以下高亮插件,建议大家都安装了。在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有vue,vue-beautify,vue-color,VueHelper,...
  • 就在2018年12月3日的清晨,手贱升级了vetur插件,从此我的vscode一片灰暗……哦不,一片黑白...... 试过了搜索到的一些解决方案,比如重装vetur(vscode直接搜索重装)啊,更改设置啊,都没用。最后才发现vetur官方...
  • 说明为了让monaco使用vscode的主题尝试实现(弯路)主题的直接转换刚开始本以为是两者主题的格式不同,尝试转换后发现还是不能正常使用结果发现两者的token根本不同,也就是分割代码每一部分的命名不同monarch转换...
  • 实用的Visual Studio Code插件

    千次阅读 2020-12-19 13:34:07
    1.vscode-color-highlight------颜色代码高亮插件。(sublime text也有)2.vscode-Open in Browser------右键在浏览器打开。(sublime text也有)3.vscode-Path Intellisense------文件路径提示。(sublime text也有)4....
  • VS Code代码高亮颜色设置

    万次阅读 多人点赞 2018-12-10 12:23:36
    1.File-》Preferences-》settings 2.在search settings中输入workbench.colorCustomizations 3.按照如下设置   { "editor.fontSize": 12, ...4.选中代码后,相同代码显示为红色  
  • 小程序代码高亮

    2018-06-05 10:53:24
    ... 特色 支持代码语法高亮 支持emoji表情wink 支持上标、下标、下划线、删除线、表格、视频、图片(几乎所有html元素)…… 支持typographer字符替换 多主题动态支持 极致的中文排版优化
  • Vscode中vue代码颜色插件

    千次阅读 2022-05-03 13:22:38
      vscode的确是前端开发中很好的工具,初始的vscode代码全是灰色,黑色。需要安装颜色插件,从视觉上是美的享受。    在VSCode Marketplace 搜素Vue 出现关于语法高亮插件有 vue,vue-beautify,vue-color,...
  • VScode 插件推荐与C/C++配置

    千次阅读 2021-01-17 16:25:39
    以下是我经常用到的VScode插件。由于插件本身具有详细的配置和介绍,不对插件本身的安装配置进行说明,仅仅支出这些插件的主要功能。具体使用强烈推荐看一下安装插件后的说明,大多数的问题和设置都可以找到,不要...
  • Code是一款非常热门的开发工具,作为一款轻量级编辑器,它体积小,启动速度非常快,再加上丰富的插件系统,深得广大开发者的喜欢。今天推荐一些非常实用的插件,让开发如虎添翼。 1.CodeIf(变量命名神器) 安装...
  • vscode配色插件的c/c++语法高亮配置文件,主题插件为C/C++ Themes。 可以对诸如const、enum、typedef别名、结构体引用等语法高亮进行设置,语言本身的关键字自然不用说了,比one dark pro等热门的插件颜色丰富的多。...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,376
精华内容 2,550
关键字:

vscode代码高亮插件

友情链接: 01_Pick.rar