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

在vscode预览窗口中转到定义会破坏编辑

的问题是由于预览窗口的特性导致的。预览窗口是用于查看代码定义的一个临时窗口,它通常会在你点击某个函数或变量时自动弹出,显示该函数或变量的定义。然而,由于预览窗口是临时的,它并不支持编辑操作。

当你在预览窗口中转到定义时,vscode会尝试跳转到该函数或变量的定义位置,但由于预览窗口不支持编辑,所以你无法在预览窗口中进行修改。如果你想编辑该函数或变量,你需要关闭预览窗口,然后在源代码窗口中进行编辑。

为了解决这个问题,你可以采取以下几种方法:

  1. 直接在源代码窗口中编辑:当预览窗口弹出时,你可以关闭预览窗口,然后在源代码窗口中找到该函数或变量的定义位置进行编辑。
  2. 使用分屏功能:vscode提供了分屏功能,你可以将预览窗口和源代码窗口同时打开,这样你就可以在源代码窗口中编辑,同时在预览窗口中查看定义。
  3. 使用扩展插件:vscode有许多扩展插件可以增强编辑功能,有些插件可以在预览窗口中支持编辑操作。你可以在vscode的插件市场中搜索相关插件,找到适合你的插件来解决这个问题。

总结起来,预览窗口在vscode中是用于查看代码定义的临时窗口,不支持编辑操作。如果你想编辑代码,你需要在源代码窗口中进行操作。

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

相关·内容

开发必备 | 新手如何快速掌握VSCode编辑器?

文件内容搜索和替换 在当前文件搜索,光标搜索框里Cmd + F(Win 用户是 Ctrl + F),在当前文件搜索,光标仍停留在编辑器里Cmd + G(Win 用户是 F3)。...vscode 的界面,可以选择一个别人的 gist 也可以忽略掉,然后创建一个属于自己的 gist,使用快捷键 「Command + Shift + P」,弹出的命令框输入 sync,并选择「更新...0x03 VSCode 插件 描述: VSCode 有一个很强大的功能就是支持插件扩展,此处作者将介绍实践开发中常用的VScode插件,帮助我们提示工作效率以及辅助我们疯狂的Code,让你的编辑器更加强大...也 open in browser : 安装 open in browser 插件后, HTML 文件「右键选择 --> Open in Default Browser」,即可在浏览器预览网页。..., 网页生成: https://carbon.now.sh/ Image Preview : 图片预览 Color Info : 提供你 CSS 中使用颜色的相关信息,以预览色块色彩模型的(HEX

79010

干货:用好VSCode这13款插件和8个快捷键,工作效率提升10倍

不少新手可能觉得 VsCode 编辑文本还好,看代码和写代码太难用,那是没有掌握正确的打开方式,VsCode 精髓是丰富的插件体系支持,相信看完这篇文章配置好环境之后,就只剩一句「真香」能形容。...类型填充和联想、符号和函数定义跳转、引用查找等 C/C++ 程序开发和源码管理必备能力,让你的 VsCode编辑器进化成 IDE 的基础插件。...这个插件能帮你组织和管理TODO 注释,你代码中注释的带 TODO 的标签统一侧边栏显示出来,当然不限于 TODO 注释,可以自定义管理标签比如 FIXME 等,可以基于标签过滤和筛选。...快速打开文件列表,输入关键字匹配文件,优先显示最新打开过的文件,方便的指定文件之间跳转。 F12 跳转到定义,这个没啥好说的,跳转到函数或符号的定义,这是高频操作。...Alt + F12 以预览方式在当前页面显示定义,都是查看定义,相对 F12 的优点是不会跳出当前文件到定义文件,而是在当前文件打开一个小窗口预览,如下图: ?

5.3K50
  • 用好 VS Code这 13款插件和 8个快捷键,俺又飘了~

    不少新手可能觉得 VsCode 编辑文本还好,看代码和写代码太难用,那是没有掌握正确的打开方式,VsCode 精髓是丰富的插件体系支持,相信看完这篇文章配置好环境之后,就只剩一句「真香」能形容。...类型填充和联想、符号和函数定义跳转、引用查找等 C/C++ 程序开发和源码管理必备能力,让你的 VsCode编辑器进化成 IDE 的基础插件。...这个插件能帮你组织和管理TODO 注释,你代码中注释的带 TODO 的标签统一侧边栏显示出来,当然不限于 TODO 注释,可以自定义管理标签比如 FIXME 等,可以基于标签过滤和筛选。...快速打开文件列表,输入关键字匹配文件,优先显示最新打开过的文件,方便的指定文件之间跳转。 F12 跳转到定义,这个没啥好说的,跳转到函数或符号的定义,这是高频操作。...Alt + F12 以预览方式在当前页面显示定义,都是查看定义,相对 F12的优点是不会跳出当前文件到定义文件,而是在当前文件打开一个小窗口预览,如下图: Shift + F12 查看光标所在函数或变量的引用

    1.6K22

    让你 vscode 写代码效率更高的技巧

    包括: 一键执行 npm scripts 一键 diff、预览 新页面搜索 git 视图显示目录树 编辑器打开文件 编辑时快速删除、复制、移动行 全局搜索文件、跳转到某行 快速切换大小写 一键执行...当有多个同名文件的时候,这样清晰的多: ? 编辑器一键预览 markdown markdown 需要安装插件么?不需要,vscode 本身就内置了这个功能。 ?...右上角有个预览按钮,点击就会打开 markdown 预览界面,按住 option 再点击,则是同个窗口打开预览预览之后再点击 show source 按钮就会回去 ?...总结 本文梳理了 vscode 那些可以提效的一些功能,大家可能没有注意到过。...一键 diff、预览 新页面搜索 git 视图显示目录树 一键执行 npm scripts 编辑器打开文件 编辑时快速删除、复制、移动行 全局搜索文件、跳转到某行 快速切换大小写 熟悉了这些功能的使用

    83920

    vscode好用的插件_捷达VS5和捷途X95哪个好

    Rename Tag 自动重命名配对的HTML / XML标签 Auto Close Tag 自动添加HTML / XML结束标签 any rule 常用正则表达式合集和工具 Browser Preview 编辑嵌入浏览器可视化窗口...,转到 View> Command Palette,然后输入> polacode 并选择 Polacode 选项。...vscode-browser-plus 在编辑器内预览HTML,通过开启端口(10086)监听当前打开项目的根目录,在编辑器内预览网站,省去了频繁切换浏览器、编辑器看页面效果,修改代码后自动刷新页面。...vscode-fileheader 顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间 快捷键: Ctrl+Alt+i vscode-icons 设置目录列表文件类型图标 vscode-spotify...for es6/es7 代码提示 Typescript React code snippets tsx的react组件片段 CSS Modules 对使用了css modules的jsx标签的类名补全和跳转到定义位置

    3.5K10

    vscode 一些基本知识

    Debugger for Chrome   js调试的插件,前端项目Chrome运行起来之后,可以直接在VSCode打断点、查看输出、查看控制台,详细配置见插件说明。...open in browser   浏览器打开,安装后左侧目录右键点击会出现 open in browser 选项。 Path Intellisense   文件路径提示。...vscode-browser-plugin   在编辑器内预览HTML,   通过开启端口(3000)监听当前打开项目的根目录,在编辑器内预览网站,省去了频繁切换浏览器、编辑器看页面效果,修改代码后自动刷新页面...vsc常用快捷键: 同时打开多个窗口(查看多个项目) 打开一个新窗口: Ctrl+Shift+N 关闭窗口: Ctrl+Shift+W 同时打开多个编辑器(查看多个文件) 新建文件 Ctrl+N...,见下边Ctrl+Shift+K) 回退上一个光标操作Ctrl+U 重构代码 跳转到定义处:F12 定义处缩略图:只看一眼而不跳转过去Alt+F12 列出所有的引用:Shift+F12 同时修改本文件中所有匹配的

    23910

    VS Code折腾记 - (2) 快捷键大全,没有更全

    Ctrl + Shift + Space 参数提示 Tab Emmet指令触发/缩进 Shift + Alt + F 格式化代码 Ctrl + K Ctrl + F 格式化选中部分的代码 F12 跳转到定义处...Alt + F12 代码片段显示定义 Ctrl + K F12 在其他窗口打开定义处 Ctrl + ....快捷键 作用 Ctrl + F4, Ctrl + W 关闭编辑器 Ctrl + k F 关闭当前打开的文件夹 Ctrl + \ 切割编辑窗口 Ctrl + 1/2/3 切换焦点在不同的切割窗口 Ctrl...Ctrl + K Ctrl + W 关闭所有编辑窗口 Ctrl + Shift + T 撤销最近关闭的一个文件编辑窗口 Ctrl + K Enter 保持开启 Ctrl + Shift + Tab 调出最近打开的文件列表...,重复按切换 Ctrl + Tab 与上面一致,顺序不一致 Ctrl + K P 复制当前打开文件的存放路径 Ctrl + K R 打开当前编辑文件存放位置【文件管理器】 Ctrl + K O 新的编辑打开当前编辑的文件

    1.3K20

    VSCode之快捷键和常用插件

    按一下Backspace进入到Ctrl+P模式里 1.2 Ctrl+P模式 Ctrl+P下输入>又可以回到主命令框 Ctrl+Shift+P模式。...Ctrl+P窗口下还可以:   1) 直接输入文件名,快速打开文件   2) ? 列出当前可执行的动作   3) !...打开一个新窗口:Ctrl+Shift+N 关闭窗口:Ctrl+Shift+W 同时打开多个编辑器(查看多个文件) 新建文件:Ctrl+N 文件之间切换:Ctrl+Tab 切出一个新的编辑器(最多 3...: Ctrl+Shift+L Ctrl+D 下一个匹配的也被选中 ( sublime 是删除当前行,后面自定义快键键, 设置与 Ctrl+Shift+K 互换了) 回退上一个光标操作: Ctrl...前端开发常用插件 1)View In Browser 预览页面(ctrl+F1) 2)vscode-icons 侧栏的图标,对于一个有视觉强迫症的人是必须要的 3)HTML Snippets

    2K10

    Visual Studio Code window环境下快捷键大全

    相较于其他各种代码阅读器,文本编辑器等等。它要强大太多。 而且关键是: 免费 中文 插件多 所以,我将电脑上的各种文本阅读器都替换成了VSCode。...2.7 编辑器管理快捷键 介绍各种编辑的快捷键 所谓的编辑器,就是VSCode的各种代码编辑界面和窗口。叫做编辑器界面。...Ctrl+Shift+Tab 打开上一个 Ctrl+K P 复制活动文件的路径 Ctrl+K R 资源管理器显示活动文件 Ctrl+K O 窗口/实例显示活动文件 2.9 显示控制快捷键...Ctrl+K V 侧面打开Markdown预览 Ctrl+K Z 禅模式(按Esc退出) 禅模式下的界面效果如下所示: 2.10 Debug 调试快捷键 介绍各种调试相关的快捷键 快捷键 描述...Visual Studio Code还有更多的地方有更多不同的快捷方式。 同时也允许我们自己定义自己的软件的快捷键方式。

    1.2K30

    VSCode写python的正确姿势

    先安装vscode, 然后扩展搜索python. ? 基本操作 在编辑,如果自动提示代码和错误提示,是再好不过的了,Python插件自带的Pylint功能提示你。 ?...vscode,Tab都默认是4个空格。...我们要记住几个常用的快捷键, 首先是F1/Ctrl+Shit+P万能键 Ctrl+P:文件切换 Ctrl+空格:自动提示 F12/Ctrl+左键:跳转到定义 Shift+F12:预览定义 Ctrl+G...配置yapf 安装yapf之后VScode按Alt+Shift+F即可自动格式化代码 打开命令行 输入 "pip install yapf" 安装yapf成功后,打开VScode,文件->首选项->...几个小技巧 查看函数或者类的定义 Ctrl+鼠标左键点击函数名或者类名即可跳转到定义处,函数名或者类名上按F12也可以实现同样功能 更改变量名 变量名上按F2即可实现重命名变量 python断点调试

    2.5K20

    使用Visual Studio Code编写Vue的札记

    可以使用 npm install -g eslint-plugin-html 来安装 接着,安装了 HTML 插件后,还需要在 vscode 配置下 ESLint: "eslint.validate...for VS Code EditorConfig插件 Emoji 代码输入emoji ESLintESLint插件,高亮提示 File Peek 根据路径字符串,快速定位到文件 Font-awesome...Ctrl + Shift + P, F1显示命令面板 按一下 Backspace 进入到Ctrl+P 模式 Ctrl+P 下输入> 可以进入 Ctrl+Shift+P 模式 Ctrl +...K Enter 保持打开 Ctrl + Tab 打开下一个 Ctrl + Shift + Tab 打开上一个 Ctrl + K P 复制当前文件路径 Ctrl + K R 资源管理器查看当前文件...Ctrl + Shift + U 显示输出面板 Ctrl + Shift + V 显示、隐藏 Markdown预览窗口 Ctrl + K V 分屏显示 Markdown预览窗口 调试 F9

    39.1K92

    vscode html注释快捷键_史上最全vscode配置使用教程

    VScode支持选择配置,也支持编辑setting.json文件修改默认配置。...通过Ctrl + ` 可以打开或关闭终端 Ctrl+P 快速打开最近打开的文件 Ctrl+Shift+N 打开新的编辑窗口 Ctrl+Shift+W 关闭编辑器 Home 光标跳转到行头 End...添加关闭行注释 Shift + Alt +A 块区域注释 必备插件 1、View In Browser 浏览器里预览网页必备。...DownLoad插件的话,同样,Ctrl+Shift+P打开命令框,输入sync,找到Download settings,转到Github的Token编辑界面,点Edit,regenerate token...,保存新生成的token,vscode命令框输入此Token,回车,再输入之前的Gist ID,即可同步插件和设置 http-server 开启一个本地服务 写前端页面,经常会在浏览器运行HTML

    1.5K20

    VS Code折腾记 – (2) 快捷键大全,没有更全

    Ctrl + Shift + Space 参数提示 Tab Emmet指令触发/缩进 Shift + Alt + F 格式化代码 Ctrl + K Ctrl + F 格式化选中部分的代码 F12 跳转到定义处...Alt + F12 代码片段显示定义 Ctrl + K F12 在其他窗口打开定义处 Ctrl + ....快捷键 作用 Ctrl + F4, Ctrl + W 关闭编辑器 Ctrl + k F 关闭当前打开的文件夹 Ctrl + |切割编辑窗口 Ctrl + 1/2/3 切换焦点在不同的切割窗口 Ctrl...Ctrl + K Ctrl + W 关闭所有编辑窗口 Ctrl + Shift + T 撤销最近关闭的一个文件编辑窗口 Ctrl + K Enter 保持开启 Ctrl + Shift + Tab 调出最近打开的文件列表...,重复按切换 Ctrl + Tab 与上面一致,顺序不一致 Ctrl + K P 复制当前打开文件的存放路径 Ctrl + K R 打开当前编辑文件存放位置【文件管理器】 Ctrl + K O 新的编辑打开当前编辑的文件

    43910

    前端学习的编辑器介绍

    ,值得点出的是,该插件更新极其频繁,基本和vscode更新频率保持一致        极简主义是不需要的 15.open in browser (必备)   vscode不像IDE一样能够直接在浏览器打开...html,而该插件支持快捷键与鼠标右键快速浏览器打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari 16.Path Intellisense...Command + Shift + H 文件替换 Command + G 查找下一个 Command + Shift + G 查找上一个 Option + Enter 选中所有匹配项 Command...Control + Tab 打开下一个 Control + Shift + Tab 打开上一个 Command + K R 资源管理器查看当前文件 Command + K O 新窗口打开当前文件...,但是基本全是VScode,当然了如果你以后是写uniapp的话,那么HBuilder的一些使用你也是要的,最主要,最常用的也就是这三款了,仅代表个人观点(此处强烈的求生欲望),当然了有人觉得Sublime

    1.5K80

    Vscode进阶使用

    Vscode基础配置及插件 基础介绍 这篇文章是对vscode的一些基础介绍跟推荐的插件 使用注意事项 有些快捷键不起作用,可能是跟某些软件冲突,可以把其他软件的设置不为全局,或者直接关闭 ctrl...打开或关闭文件预览功能,vscode 默认的是双击文件才会固定再窗口上, 单机处于预览模式,如果想要关闭或者打开, ctrl + , 进入用户设置,输入preview, workbench.editor...常用及进阶快捷键 ctrl + , : 进入用户设置 ctrl + shift + P : 全局的快捷键,呼出窗口可以全局查找配置项或文件 ctrl + j : 打开或关闭终端栏...ctrl + B : 打开或关闭左侧文件栏 ctrl + F : 在当前文件查找 ctrl + G : 快速跳转到当前文件的n行 ctrl + w : 关闭窗口,没有窗口则关闭编辑器...ctrl + enter: 当前光标下插入一行,不用再每次跳到行尾再回车了 ctrl + shift + enter : 当前光标上一行插入 ctrl + tab: 再打开的文件窗口中跳转

    1.1K31

    VSCode打造成为开发神器

    VSCode现在是世界上最为常用的编辑器之一,为什么被称为编辑器,是因为它不像IDE一样集成了大量开发环境的配置,必须你手动配置很多东西,才能将它打造成为一个趁手的生产工具。...Image preview:引入项目中的图片预览。 Import Cost:检测导入项目中的包的大小,优化项目的时候非常有用。...TODO Highlight:将注释的TODO进行高亮。 Todo Tree:自动跳转到注释中含有TODO的地方。...4.4 工具 Browser Preview:使VSCode内嵌一个浏览器窗口。 Code Runner:使VSCode具有直接运行各种编程语言的能力。...Docker:使VSCode具有操控Docker的功能。 Draw.io Integration:可以VSCode创建流程图。 Gist:使VSCode能够快速创建Gist代码片段。

    2K20

    vscode-轻量级实用编辑器 原

    3.view in broswer ctrl + f1 默认的浏览器运行当前的html,用惯HBuilder和webstrom这些ID一定会喜欢这个插件的) 4.Path Intellisense...二、vscode常用快捷键 列选择:ALT+左键 命令面板:F1 切出新编辑器:Ctrl + 左键文件 代码行缩进:Ctrl + [ 、Ctrl + ] 文件切换:Ctrl + Tab 转到行首/行尾:...Home / End 转到文件头/文件尾:Ctrl + Home / Ctrl + End 重命名:F2 转定义:F12 or Ctrl + click 转定义(切出新编辑器): Ctrl + Alt...11.打开README预览 markdown文件中使用: Mac: shift+cmd+v Windows / Linux: ctrl+shift+v ?...12.分割(Side by Side)Markdown编辑预览 markdown文件中使用: Linux: ctrl+k v 13.预览 选择一个符号,键入alt+f12,或者使用快捷菜单。 ?

    96920

    提高你的编码效率

    vscode-icons: 这个装完以后,各种文件就可看到类型 project-manager:管理项目的 code runner: 运行代码的 debugger for chrome: 在编辑打断点...默认的情况下,它会查找 TODO 和 FIXME 关键字。当然,你也可以添加自定义表达式。...三、代码预览与测试 Code Runner 运行选中代码段(支持大量语言,包括Node) Open in Browser 浏览器打开 Markdown PDF Markdown 转 PDF 四、版本控制... Ctrl + P 模式下输入 > 可以进入 Ctrl + Shift + P 模式 Ctrl + P 窗口下还可以: 直接输入文件名,跳转到文件: ? 列出当前可执行的动作 !...右侧底部边栏选 select language mode中选html 然后文本编辑,敲一个!, 然后敲tab键。代码就自动给生成了。 ? 如果你敲一个tag,它自动跟你补全tag.

    1.7K10
    领券