首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

VS代码转到Symbol now(1.42版),显示变量、对象和属性。如何定制?

VS代码是一款流行的集成开发环境,用于编写和调试各种编程语言的代码。在1.42版中,VS代码引入了一个新功能,即可以通过"转到Symbol"来显示变量、对象和属性。

要定制"转到Symbol"功能,可以按照以下步骤进行操作:

  1. 打开VS代码,并确保已安装了1.42版或更高版本。
  2. 在编辑器中,使用快捷键"Ctrl+Shift+O"(Windows/Linux)或"Cmd+Shift+O"(Mac)来打开"转到Symbol"面板。
  3. 在"转到Symbol"面板中,可以看到当前文件中的所有符号列表,包括变量、对象和属性。
  4. 若要定制"转到Symbol"功能,可以使用过滤器来缩小符号列表的范围。在"转到Symbol"面板的顶部,可以看到一个输入框,可以在其中输入关键字来过滤符号列表。
  5. 此外,还可以使用正则表达式来进一步筛选符号列表。在输入框中输入"/",然后输入正则表达式模式,即可根据模式匹配符号名称。
  6. 如果想要在整个工作区中搜索符号,而不仅仅是当前文件,可以点击"文件"旁边的下拉箭头,然后选择"工作区"。
  7. 最后,可以通过点击符号列表中的某个符号来跳转到相应的位置。

总结起来,VS代码的"转到Symbol"功能可以帮助开发者快速浏览和导航代码中的变量、对象和属性。通过使用过滤器和正则表达式,可以定制符号列表的显示内容。这个功能在大型项目中特别有用,可以提高开发效率。

腾讯云提供了一系列与云计算相关的产品和服务,例如云服务器、云数据库、云存储等。这些产品可以帮助开发者在云端部署和管理应用程序。具体的产品介绍和链接地址可以在腾讯云官方网站上找到。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

vscode奇淫记(上)

说换一种editor是一种煎熬是因为你需要配置样式插件并掌握部分快捷键高级功能,下面我会介绍一些入坑奇淫记。 使用命令行秒开sublime,atom,vscode 这个部分其实是小技巧。...提示:对于Mac用户,我们需要通过设置使您能够从终端内启动VS Code.首选运行VS code并打开命令面板( ⇧⌘P ),然后输入 shell command 找到: Install ‘code'...定制自己的VS code ps:我是一个会因为找不到自己喜欢的高亮主题而放弃一款编辑器的重度强迫症者。 一定要挑选等宽字体。...(推荐如下几个) Source Code Pro(我当前用的) Menlo Consolas Monaco Courier New 设置合适的字体大小行高 挑选一个满意的代码高亮主题(推荐如下)...显示Errors或Warnings :跳转到行数,也可以Ctrl+G直接进入 @跳转到symbol(搜索变量或者函数),也可以Ctrl+Shift+O直接进入 @:根据分类跳转symbol,查找属性或函数

2.1K100

VS Code常用快捷键

显示 Errors或 Warnings,也可以 Ctrl+Shift+M : 跳转到行数,也可以 Ctrl+G 直接进入 @ 跳转到 symbol(搜索变量或者函数),也可以 Ctrl+Shift...+O 直接进入 @ 根据分类跳转 symbol,查找属性或函数,也可以 Ctrl+Shift+O 后输入" : "进入 # 根据名字查找 symbol,也可以 Ctrl+T 二、常用快捷键...+3 2、代码编辑 (1) 格式调整 代码行向左或向右缩进: Ctrl+[ 、 Ctrl+] 复制或剪切当前行/当前选中内容: Ctrl+C 、 Ctrl+V 代码格式化: Shift+...: Shift+End 选择从光标到行首的内容: Shift+Home 删除光标右侧的所有内容(当前行): Ctrl+Delete 扩展/缩小选取范围: Shift+Alt+Right ...", "command": "editor.action.blockComment", "when": "editorTextFocus" }, // 定制

72530

Visual Studio 2008 每日提示(二十三)

whatever’s selected 操作步骤: 在对象浏览器的对象窗格成员窗格,在右键菜单中都有“转到定义”项。...通过这个命令可以转到代码中选择的成员的定义。也可以按F12来实现这个功能。 评论:注意继承的成员不能使用该命令。...两种方式的结果都会在“查找符号结果”窗口显示。 这个做法和在“查找替换”窗口中“查找符号”用法是一样的。 评论:如果你仔细研究,会发现vs的很过的功能都是相互联系的,一种功能在不同地方来实现。...#226、在对象浏览器中是如何这种默认演示语言的?...使用 DefaultPresentationLanguage=VB时,对象浏览器显示vb属性 使用 DefaultPresentationLanguage=c#时,对象浏览器显示c#属性 评论:这个默认的语言设置在

1.1K60

使用Visual Studio Code编写Vue的札记

This 注释文档生成 EditorConfig for VS Code EditorConfig插件 Emoji 在代码中输入emoji ESLintESLint插件,高亮提示 File...Git信息 Git History(git log) 查看git log GitLens 显示文件最近的commit作者,显示当前行commit信息 Guides 高亮缩进基准线 Gulp Snippets...缩进高亮 JavaScript (ES6) code snippets ES6语法代码段 language-stylus Stylus语法高亮提示 Lodash Lodash代码段 markdownlint...显示 Errors 或 Warnings,也可以Ctrl+Shift+M : 跳转到行数,也可以Ctrl+G 直接进入 @跳转到 symbol(搜索变量或者函数),也可以 Ctrl+Shift+O 直接进入...@根据分类跳转 symbol,查找属性或函数,也可以Ctrl+Shift+O 后输入:进入 根据名字查找symbol,也可以Ctrl+T Ctrl + Shift + N 打开新窗口 Ctrl

38.9K92

V8 最佳实践:从 JavaScript 变量使用姿势说起

在弱类型语言 JavaScript 中,变量上能有多少优化窍门?本文从最基础的变量类型说起,带你深入 V8 底层类型变换与优化机制。真正的老司机,一行代码可见一斑。...充分了解底层原理后,我们甚至可以从变量使用方式上入手,写出更加优雅、符合引擎行为的代码。 先从为人熟知的 JavaScript 8大变量类型讲起。...Smi vs HeapNumber vs MutableHeapNumber Smi与 HeapNumber是如何运作的呢?...此时,当我们运行以下代码片段: o.x += 10;// → o.x is now 52o.y += 1;// → o.y is now 5.2 在这个情况下, o.x的值会被原地更新,因为新的值 52...V8 采用了懒处理方案:当下一次 a发生任何属性访问赋值时再将 a的 Shape 迁移到新的 Shape 上。这个方案最终可以使得旧 Shape 失去所有引用计数,而只需等待垃圾回收器释放它。 ?

1.1K32

Tips in Visual Studio 2008

(2)、Find all references(转到引用):shift+F12 “查找符号”对话框可以在代码中定位对象(命名空间、类型、接口、枚举以及其他容器)成员(类、属性、方法、事件、常量、变量以及其他包含的项...当代码中有对符号的多个引用时,则可以展开结果节点并选择任何引用,然后选择此命令跳转到发生引用的行。 ?...(3)、code definition window(代码定义窗口): 除了上述方法,还可以使用代码定义窗口,当光标在相应方法等处时,代码定义窗口马上就是显示对其的定义: ?...同时,与open resource一样,它也支持PascalCase方式的搜索: image.png (6)、[CRX]Go to symbol:ctrl+shift+Q 如果想寻找项目中的某个对象或成员咋办呢...(7)[CRX]highlight usages:ctrl+alt+U 对于一个代码文件,如何在其中找到一个对象或成员的多处引用呢?可以使用highlight usages: ?

1.2K20

VS Code 调试完全攻略(5):基于浏览器的 React 应用

你将看到如何VS Code 启动浏览器并检查远程异步 API 调用。它超级强大,同时又很容易,所以在调试 CRA React 程序时没有理由不这样做。 ?...基础知识(点击直达) 步进逐行调试(点击直达) 编辑变量并重新执行函数(点击直达) launch.json 调试控制台(点击直达) 基于浏览器的 React 应用(?...最后,当你停止调试会话时,VS Code 会负责关闭 Chrome。 name:你喜欢的任何名称,它将显示在调试工具栏中: ?...但是一个明显的好处是,即使关闭浏览器或退出代码,也可以保留断点。这也适用于监视表达式!说到监视表达式。。。 彩蛋:添加监视表达式 我们已经学会了怎样检查编辑局部变量转到变量部分并查看其值是可行的。...不过当你要处理复杂的对象时,重复打开嵌套结构会变得很烦人。 VS Code 提供了一个更舒适的解决方案:你可以设置 监视表达式,该表达式会在每个调试步骤中重新评估。

2.3K20

Visual Studio Code 常用快捷键

显示 Errors或 Warnings,也可以 Ctrl+Shift+M 跳转到行数,也可以 Ctrl+G 直接进入 @ 跳转到 symbol(搜索变量或者函数),也可以 Ctrl+Shift+O...直接进入 @ 根据分类跳转 symbol,查找属性或函数,也可以 Ctrl+Shift+O 后输入:进入 根据名字查找 symbol,也可以 Ctrl+T 常用快捷键 编辑器与窗口管理 打开一个新窗口...格式调整 代码行缩进 Ctrl+[ 、 Ctrl+] Ctrl+C 、 Ctrl+V 复制或剪切当前行/当前选中内容 代码格式化: Shift+Alt+F,或 Ctrl+Shift+P 后输入 format...Shift+] 选择从光标到行尾: Shift+End 选择从行首到光标处: Shift+Home 删除光标右侧的所有字: Ctrl+Delete 扩展/缩小选取范围: Shift+Alt+Left ...“command”: “editor.action.blockComment”, “when”: “editorTextFocus” }, // 定制

74450

【面试说】聊聊JavaScript中的数据类型

为什么 ES6 要提出 Symbol? BigInt 解决了什么问题? 为什么 0.1 + 0.2 !== 0.3? 你如何解决这个问题? 如何判断一个值是数组? ......这意味着你不需要提前声明变量的类型,在程序运行的过程中,类型会被自动确定,也就是说你可以使用同一个变量保存不同类型的值 var foo = 42; // foo is a Number now foo...典型用法是: 变量被声明了,但没有赋值时,就等于 undefined。 调用函数时,应该提供的参数没有提供,该参数等于undefined。 对象没有赋值的属性,该属性的值为 undefined。...消除魔法字符串 对象中保证不同的属性名 let mySymbol = Symbol(); // 第一种写法 let a = {}; a[mySymbol] = 'Hello!'...但这个侵入性也是非常强的,使用 Symbols 作为 key 可以避免对减少对组件代码干扰,不会有相同命名等问题 数组——对象中一个特殊的存在 ❝请说下判断 Array 的方法?

52220

如何优雅地使用Sublime Text3

相比于难于上手的Vim,浮肿沉重的Eclipse,VS,即便体积轻巧迅速启动的Editplus、Notepad++,在SublimeText面前大略显失色,无疑这款性感无比的编辑器是CodingWriting...Ctags插件 有童鞋抱怨Sublime Text不能支持函数的跳转(比如像Eclipse那样,按住Control点击该方法或者对象,即可跳转到定义的地方; Alt+←即可回到原处)。...选中要排序的CSS代码,按Ctrl+Shift+C,即可对CSS属性重新排序了,代码从此简洁有序易维护,如果不款选代码则插件将排序文件中所有的CSS属性。...如果阅读别人的代码不符合自己的习惯,可以用CSS Compact Expand这个插件将CSS格式化一下,按 Ctrl+Alt+[ 收缩CSS代码为一行显示,按 Ctrl+Alt+] 展开CSS代码为多行显示...SublimeText (10)在Ctrl + P(Command+P)匹配到文件后,我们可以进行后续输入以跳转到更精确的位置: @ 符号跳转:输入@symbol转到symbol符号所在的位置 # 关键字跳转

6.6K60

知乎分享:vscode从入门到进阶

地址:知乎 内容大纲 VS Code 的优势 VS VS Code 到底有什么关系? 微软从 VS 组里面抽了一拨人做 VS Code,是真的吗? VS 支持 Java ?...你真的会用 VS Code 了吗? VS Code Insiders 版本 常用的配置项 命令面板 面包屑导航/大纲/缩略图 主题 快捷键 集成终端 如何更好地学习 VS Code ?...Ctrl+P:在不同的文件跳转 Ctrl+Shift+Tab:在所有打开的文件中进行跳转 Ctrl+Shift+O:跳转到文件中的Symbol Ctrl+T:搜索当前文件夹下的所有Symbol Ctrl...,使用HTML,CSSJavaScript等前端技术来开发跨平台的桌面级应用程序 Monaco Editor 基于浏览器的代码编辑器:IntelliSense,代码验证,语法高亮等特性 Language...DAP 希望将编辑器与调试器解耦合,便于编辑器与其他Debugger的集成 VSCode是如何做开源的 开源的三个阶段:公开源代码->Issues&PRs->Planning&Design 实时更新,管理

1.7K10

前端工程师自检清单73答

symbol类型的 key 不能被 Object.keys for..of 循环枚举。因此可当作私有变量使用。...装箱分为隐式显示 // 隐式装箱: 每当读取一个基本类型的值时,后台会创建一个该基本类型所对应的对象。 // 在这个基本类型上调用方法,其实是在这个基本类型对象上调用方法。...所有的引用类型(数组、对象、函数),都具有对象特性,即可自由扩展属性; B. 所有的引用类型(数组、对象、函数),都有一个`__proto__`属性(隐式原型),属性值是一个普通的对象; C....相同的,动态作用域此代码应该输出 2 复制代码 2. 理解 JavaScript 的作用域作用域链 作用域(scope)就是变量访问规则的有效范围。...() 实现, 可参考文章【如何解决页面加载海量数据而不冻结前端UI】 局部显示,毕竟用户能看到的就一屏内容,监听用户的滚动行为,改变显示元素,可使 DOM 结构最简单化。

1.9K21

vscode快捷键与使用配置

显示 Errors或 Warnings,也可以 Ctrl+Shift+M : 跳转到行数,也可以 Ctrl+G 直接进入 @ 跳转到 symbol(搜索变量或者函数),也可以 Ctrl+Shift+...O 直接进入 @ 根据分类跳转 symbol,查找属性或函数,也可以 Ctrl+Shift+O 后输入:进入 根据名字查找 symbol,也可以 Ctrl+T 常用快捷键 编辑器与窗口管理 打开一个新窗口...格式调整 代码行缩进 Ctrl+[ 、 Ctrl+] Ctrl+C 、 Ctrl+V 复制或剪切当前行/当前选中内容 代码格式化: Shift+Alt+F,或 Ctrl+Shift+P 后输入...Shift+] 选择从光标到行尾: Shift+End 选择从行首到光标处: Shift+Home 删除光标右侧的所有字: Ctrl+Delete 扩展/缩小选取范围: Shift+Alt+Left ...", "command": "editor.action.blockComment", "when": "editorTextFocus" }, // 定制

40510

【ES6基础】Symbol介绍:独一无二的值

本篇文章将从以下方面进行介绍: 值类型引用类型介绍 如何声明一个Symbol? 为什么要有Symbol?...所谓的引用类型可以这样理解:变量之间的互相赋值,只是指针的交换,而并非将对象复制一份给新的变量对象依然还是只有一个,只是多了一个指引~~;如下段代码所示: let weChat = { name: "...04 Symbol的常用用法 1、判断是否是Symbol 如何判断一个变量是不是Symbol类型呢?...上面笔者讲到作为对象属性具有私有性的特点,我们定义类的私有属性方法才能实现,如下段代码所示: 我们先建立一个a.js的文件,如下所示: const PASSWORD = Symbol(); class...ECMAScript引擎的各个角落,我们可以运用这些常用值对底层代码的实现逻辑进行修改,以实现更高级的定制化的需求。

54410

【ES6基础】Symbol介绍:独一无二的值

本篇文章笔者将从以下几个方面进行介绍: 值类型引用类型介绍 如何声明一个Symbol? 为什么要有Symbol?...所谓的引用类型可以这样理解:变量之间的互相赋值,只是指针的交换,而并非将对象复制一份给新的变量对象依然还是只有一个,只是多了一个指引~~; 如下段代码所示: let weChat = { name:...Symbol的常用用法 1、判断是否是Symbol 如何判断一个变量是不是Symbol类型呢?...上面笔者讲到作为对象属性具有私有性的特点,我们定义类的私有属性方法才能实现,如下段代码所示: 我们先建立一个a.js的文件,如下所示: const PASSWORD = Symbol(); class...,以实现更高级的定制化的需求。

87770

如何在TypeScript中使用基本类型

要在 macOS 或 Ubuntu 18.04 上安装,请按照如何在 macOS 上安装 Node.js 创建本地开发环境或如何在 Ubuntu 18.04 上安装 Node.js 的使用 PPA 安装部分中的步骤进行操作...本教程中显示的所有示例都是使用 TypeScript 4.2.2 版创建的。 在 TypeScript 中声明变量类型 使用纯动态语言 JavaScript 编写代码时,我们无法指定变量的数据类型。...我们创建变量并为其分配一个值,但不指定类型,如下所示: const language = { name: "JavaScript" }; 在此代码块中,语言是一个对象,其中包含属性名称的字符串值。...使用 Symbol() 构造函数运行以下代码: const mySymbol: symbol = Symbol('unique-symbol-value'); 这些值的唯一性可用于避免引用冲突。...这意味着它不是以下类型之一: number string boolean bigint symbol null undefined 对象类型通常用于描述对象字面量,因为可以将任何对象字面量分配给它: const

3.7K10
领券