精华内容
下载资源
问答
  • 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语法高亮插件开发

    千次阅读 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,就可以看到高亮的效果了。

    展开全文
  • -------2018 8 3-----------把函数名和参数改了,正则有点古怪,参考自带的lambda表达式才搞定但彩色括号走了弯路,各种配图有彩色括号的插件其实很少是自己搞的,其实只要再装一个Rainbow Brackets插件就好了现在的...

    -------2018 8 3-----------

    把函数名和参数改了,正则有点古怪,参考自带的lambda表达式才搞定

    但彩色括号走了弯路,各种配图有彩色括号的插件其实很少是自己搞的,其实只要再装一个Rainbow Brackets插件就好了

    现在的效果,基本能用啦

    ad0b1590bf74dcc4026d3d3018bab11c.png

    ---------------------------------

    用vscode-scheme改写的,能显示defn之类的,但函数名、参数列表还没有弄对,聊胜于无吧

    7747c15b7ae67570de172e96faa029ad.png

    hy作为类lisp,在python里用还是非常有趣的。但是与其作为一个语言,倒不如说是个代码库,因为关键词和built-in函数太多。

    一个C#语法高亮插件

    语法高亮对程序员阅读代码来说有着不小的帮助,虽然VisualStudio本身支持C#语法高亮,但也只是对关键字.类名.字符串等少数元素加了标记,而我们代码中主题:变量.函数.属性.事件等都没有进行高亮 ...

    js 语法高亮插件之 Prism.js

    之前也介绍过几款语法高亮插件以及关于他们的综合性能.今天在小影志博客看到

    12款最佳的 WordPress 语法高亮插件推荐

    语法高亮工具增强了代码的可读性,美化了代码,让程序员更容易维护.语法高亮提供各种方式由以提高可读性和文本语境,尤其是对于其中可以结束跨越多个页面的代码,以及让开发者自己的程序中查找错误.在这篇文章中, ...

    sublime的Vue语法高亮插件安装

    1.准备语法高亮插件vue-syntax-highlight. 下载地址: https://github.com/vuejs/vue-syntax-highlight 下载页面并下载: 解开压缩包vu ...

    vim语法高亮插件编写

    # vim语法高亮插件编写 编写vim语法高亮插件很简单,只需要编写两个文件.vim放到vim的安装目录下的目录就可以了. ## 输出------------------------------ sy ...

    2017-12-24 为新语言编写Visual Studio Code语法高亮插件

    本文源码库: program-in-chinese/quan4-highlighter 语法高亮是一个开发环境的基本功能. 此文尝试为之前的"圈4"语言(详见编程语言试验之Antl ...

    开发工具:sublime text3安装Vue语法高亮插件

    一.将插件克隆到Sublime的packages目录 1.下载并解压插件(或直接git命令clone),得到vue-syntax-highlight-master文件夹 插件地址:https://gi ...

    Visual studio 2008 的语法高亮插件 NShader

    前段时间一直在使用matlab,今天需要使用vs2008,而用惯了matlab,习惯了其中一项选中变量高亮的设置,突然回来使用VS,感到各种不适应,顿时想到了一个词:矫情 呵呵,于是在网上找各种插件, ...

    Visual studio 2008 的语法高亮插件 WordLight

    前段时间一直在使用matlab,今天需要使用vs2008,而用惯了matlab,习惯了其中一项选中变量高亮的设置,突然回来使用VS,感到各种不适应,顿时想到了一个词:矫情 呵呵,于是在网上找各种插件, ...

    随机推荐

    安卓SeekBar

    public class Speak extends Fragment implements OnSeekBarChangeListener { private SeekBar bar1; priva ...

    Scrum4.0+5.0

    1.题目: 1.准备看板. 形式参考图4. 2.任务认领,并把认领人标注在看板上的任务标签上. 先由个人主动领任务,PM根据具体情况进行任务的平衡. 然后每个人都着手实现自己的任务. 3.为了团队合作 ...

    C#中从元数据

    元数据相对我们来说通俗点 就是你引用里面引用的那些dll比如 对Thread 按F12  不就是提示从元数据,..

    Oracle查看和修改连接数(进程/会话/并发等等)

    查询数据库当前进程的连接数及会话的连接数.并发连接数以及会话情况等等,感兴趣的你可以参考下哈,希望可以帮助到你   1.查询数据库当前进程的连接数: 复制代码 代码如下: select count(* ...

    魔兽世界服务器Trinitycore分析二:auth server的main函数

    TrinityCore由生成两个运行文件authserver和world server以及一堆DLL(或so)文件的子项目组成(先忽略map_extractor等几个工具项目). authserver ...

    openwrt 添加 应用(luci-application)

    openwrt 添加应用的几个步骤如下: (1)在目录 ./feeds/luci/applications 下添加要增加的应用,譬如 "luci-test" (2)里面应该包含以下 ...

    HDU 5234 Happy birthday 动态规划(三维数组)

    题目大意:过生日,有一个N*M的表格,每个位置都有一块一定重量的蛋糕你可以选择吃完或者不吃,从(1,1)走到(n,m),每次只能向右走或向下走,最多能吃k重量的蛋糕.问你最多能吃多少蛋糕. 题目思路: ...

    Socket网络编程之概述理解

    今天主要讲讲什么是socket网络编程 socketde 英文原义是"孔"或者"插座".是进程通讯的一种方式,即调用这个网络库的一些API函数实现分布在不同主机 ...

    认证模式之Digest模式

    TTP协议规范的另一种认证模式是Digest模式,在HTTP1.1时被提出来,它主要是为了解决Basic模式安全问题,用于替代原来的Basic认证模式,Digest认证也是采用challenge/re ...

    展开全文
  • vscode编辑器插件

    一.highlight-icemode插件:选中高亮显示

    1. highlight-icemode插件如下图所示:

     2. 插件安装好后,需要配置一下高亮显示颜色,如下图所示:

    二. snippet插件:增加自定义注释说明

    1. snippet插件如下图所示:

     

    2. 插件安装后,需要写自定义的注释代码。“设置”->“配置用户代码片段”。

    3. 新建全局代码片段,如下所示:

    4. 输入自定义注释代码名字,如下所示,我输入名字为”head”,按回车键:

    5. 输入如下内容,即将以下代码内容写入:

    {
    		"Print to console": {
    		  "prefix": "head", //这里是快捷键方法
    		  "body": [
    			"/*",
    			"* Function:",
    			"* input:",
    			"* output:",
    			"* editor: WangTian",
    			"* time: $CURRENT_YEAR/$CURRENT_MONTH/$CURRENT_DATE $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
    			"*/"
    		  ],
    		  "description": "Log output to console"
    		}
    
    }

    展开全文
  • vscode配色插件的c/c++语法高亮配置文件,主题插件为C/C++ Themes。 可以对诸如const、enum、typedef别名、结构体引用等语法高亮进行设置,语言本身的关键字自然不用说了,比one dark pro等热门的插件颜色丰富的多。...
  • vscode怎么实现代码的高亮颜色插件

    万次阅读 2021-10-18 11:50:09
    vscode怎么实现代码的高亮颜色插件 首先需要安装扩展插件:vetur实现代码高亮. 如果不成功设置调整一下: 打开文件——首选项——设置直接搜索vetur——vetur,进入到 settings.json文件编辑之中,将以下代码复制进去...
  • VSCode 常用插件

    千次阅读 2020-12-19 13:34:55
    Visual Studio Code(简称VS Code/VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展...
  • 这里附带vscode下载地址,和前端开发常用的20+插件,可根据插件功能自行选择下载。 VsCode下载安装 Visual Studio Code下载地址:https://code.visualstudio.com/Download 下载页面中,用户可选择“user”和...
  • vsCode常用插件(汉化,高亮)

    千次阅读 2019-12-30 22:10:39
    一、汉化 1.这里需要使用快捷键【Ctrl+Shift+P】 2.在弹出的搜索框中输入...二、高亮显示vue文件 1.安装插件:vetur。打开VScode,Ctrl + P 然后输入 ext install vetur 然后回车点安装即可。 2.在 VSCode中使...
  • 基础插件 Chinese (Simplified) (简体中文) 中文(简体)语言包 open in browser 打开浏览器,快捷键“Alt+B” vscode-icons 编辑器的文件图标 Live Server 修改代码时时时预览效果 需要在设置中搜索auto ...
  • 这些超级好用的VScode插件,你用过几个?欢迎大家补充! 1,Chinese 汉化包 2,Auto Rename Tag 自动修改成对的HTML标记 3,HTML Snippets 标签自动成对输出,不用输入尖括号 4,Bracket Pair Colorizer 成...
  • Code是一款非常热门的开发工具,作为一款轻量级编辑器,它体积小,启动速度非常快,再加上丰富的插件系统,深得广大开发者的喜欢。今天推荐一些非常实用的插件,让开发如虎添翼。 1.CodeIf(变量命名神器) 安装...
  • 实用的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....
  • VSCode语法突出显示 基于语法荧光笔。 语言: C ++,C,Python,TypeScript,TypeScriptReact,JavaScript, 转到,Rust,Php,Ruby,ShellScript,Bash,OCaml,Lua 语言: C ++ C Python 打字稿 ...
  • 缩进参考线 "editorIndentGuide.activeBackground": "#7c7b7b", // 缩进参考线 "editorCursor.foreground": "#ffffff", // 光标颜色 "list.hoverBackground": "#003cff", // 鼠标所在行的颜色 //字符选择时的高亮 ...
  • 详解vscode中vue代码颜色插件

    千次阅读 2021-02-04 23:53:57
    vue提示插件Vscode】编者寄语:vscode的确是前端开发中很好的工具,安装颜色插件,从视觉...在VSCode Marketplace 搜素Vue 出现关于语法高亮插件有vue,vue-beautify,vue-color,VueHelper,vertur等等。比较了...
  • 小程序在编译器vscode语法高亮

    千次阅读 2019-01-11 10:59:58
    小程序文件在编译器里是纯白色的,就算你是大牛看起这样的代码也特别的别扭吧,由于本人只使用VScode所以这里只提供VScode的代码高亮方法, 其余的请借鉴官方文档上的方法 我们这里需要的插件是Vetur 下载Vetur...
  • VScode 插件推荐与C/C++配置

    千次阅读 2021-01-17 16:25:39
    以下是我经常用到的VScode插件。由于插件本身具有详细的配置和介绍,不对插件本身的安装配置进行说明,仅仅支出这些插件的主要功能。具体使用强烈推荐看一下安装插件后的说明,大多数的问题和设置都可以找到,不要...
  • vscode开发vue非常好用,因为有很多的插件,可以补全语法,或者高亮便于检查错误,但我发现我装了很多插件,却只有很少的提示,颜色也不改变,字只有两三种颜色,明显高亮也失效了,之前一直没有解决。第三种办法是...
  • vscode c/c++扩展插件

    2016-08-10 13:23:24
    vscode c/c++扩展插件,支持跳转,补全,dbg
  • vscode常用插件有哪些

    2020-12-19 13:34:27
    vscode是一个不错的开源IDE,可以完全替代sublime,又是跨平台,使用起来还比较...在vscode的主UI的左边工具栏的最下边,就是插件管理了,如下图beauTIfy这是一个代码美化插件,一定要有ESLint这是一个代码检查的...
  • VsCode中使vue语法高亮

    千次阅读 2020-07-12 21:20:41
    vsCode中使vue语法高亮
  • VSCode常用插件

    2022-06-11 18:26:00
    平平无奇上班摸鱼,甚至想着如何带薪拉屎?咱们也不能一天天光摸鱼,还是得干点...内含语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger等实用功能。在vscode中用于生成文件头部注释和函数注释的插
  • Jupyter in Vscode 选择单元格格式报错 CVE // 无法显示python语法高亮
  • 语法高亮是一个开发环境的基本功能. 此文尝试为之前的"圈4"语言(详见编程语言试验之Antlr4+JavaScript实现"圈4")编写一个高亮插件, 仅为演示之用. 参考的是Visual Studio Code官方文档: Add ...
  • Vetur —— 语法高亮、智能感知、Emmet等 格式化功能,vue文件的高亮 Auto Close Tag —— 自动闭合HTML/XML标签 Auto Rename Tag —— 自动完成另一侧标签的同步修改 JavaScript(ES6) code snippets —— ES6...
  • vue提示插件Vscode】编者寄语:vscode的确是前端开发中很好的工具,安装颜色插件,从视觉...在VSCode Marketplace 搜素Vue 出现关于语法高亮插件有vue,vue-beautify,vue-color,VueHelper,vertur等等。比较了...
  • 你不知道的 VSCode 代码高亮原理

    千次阅读 2021-06-08 00:40:31
    全文5000字,解读 vscode 背后的代码高亮实现原理,欢迎点赞关注转发。Vscode 的代码高亮、代码补齐、错误诊断、跳转定义等语言功能由两种扩展方案协同实现,包括:基于词法分析技术...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,973
精华内容 1,989
关键字:

vscode语法高亮插件

友情链接: display7.zip