如何在VSCode中同时打开多个页面?

问题描述:

使用VSCode的时候,为什么打开一个文件之后就会把另一个文件顶替,始终保持打开一个文件的状态呢?如果我想同时打开两个文件页面怎么办?

解决办法:

在 Visual Studio Code (VSCode) 中,默认情况下,打开一个文件会替换当前显示的文件,这种行为称为 "preview" 模式。这个模式可以帮助你快速浏览文件,但如果你希望同时查看多个文件,你需要采取一些步骤来实现这个功能。

  1. 禁用 "Preview" 模式:
    你可以通过点击编辑器中的文件标签(通常在文件名上方),或者使用以下命令将文件从 "preview" 模式切换到常驻模式:
c 复制代码
Ctrl+Enter

或者,点击编辑器标题栏的文件名,使其从预览模式切换到常驻模式。

  1. 使用分屏功能:

    你可以在 VSCode 中打开多个文件并将它们并排显示。方法如下:

    (1)拖动文件标签:将一个文件标签拖动到编辑器的边缘或新区域,VSCode 会自动将其分屏显示。

    (2)右键菜单:右键点击文件标签,选择"在新编辑器中打开"选项,将文件显示在新的编辑器区域中。

    (3)快捷键:

    打开新的编辑器组(右侧/下方的编辑器区域):Ctrl+\ (Windows/Linux) 或 Cmd+\ (macOS)

    将当前文件移动到另一编辑器组:Ctrl+Enter(Windows/Linux)或 Cmd+Enter(macOS)

  2. 调整设置以禁用预览模式:

    如果你希望完全禁用预览模式,可以更改 VSCode 的设置:

    打开设置(Ctrl+, 或 Cmd+,)。

    在搜索框中输入 "preview".

    找到 "Workbench › Editor: Enable Preview" 选项,将其取消勾选。

    这将禁用预览模式,并且每次打开文件时都将其常驻在编辑器中。

  3. 使用文件导航:

    可以通过侧边栏的 资源管理器 面板来打开和切换文件,不会影响当前打开的其他文件。

操作示例

假设你希望同时查看 file1.txt 和 file2.txt 文件:

  1. 打开 file1.txt:
    双击文件或使用 Ctrl+Enter 将其从预览模式切换到常驻模式。
  2. 在新编辑器组中打开 file2.txt:
    右键点击 file2.txt,选择"在新编辑器中打开",或者拖动 file2.txt 到编辑器的另一侧。
  3. 调整分屏布局:
    使用 Ctrl+\(Windows/Linux)或 Cmd+\(macOS)创建新的编辑器区域,并将文件拖动到新区域中。
    通过这些步骤,你可以在 VSCode 中同时打开和查看多个文件,提高工作效率。
相关推荐
console.log('npc')6 小时前
周期任务功能完整实现:CRON 编辑器 + 模板变量 + 执行历史
javascript·vue.js·编辑器
迪菲赫尔曼6 小时前
【基础篇 08】让VS Code连接服务器:界面在本地,文件保存到远端
运维·服务器·vscode·yolo·论文·教程·ultralyt
2501_915106327 小时前
Windows 上开发 Unity iOS,使用 KXBuild 进行真机调试、性能采样与打包 ipa
windows·vscode·unity·ios·个人开发·swift·敏捷流程
weixin_399380698 小时前
TongWeb7.0.4.9M11如何接入到idea(by lqw)
java·ide·intellij-idea
MicrosoftReactor1 天前
技术速递|超越一刀切:为 GitHub Copilot CLI 和 VS Code 实现决策路由
vscode·ai·github·copilot·决策路由
徐小夕@趣谈前端1 天前
Web 端 OFD 编辑器踩坑记:从“只能预览”到“在线改”
前端·编辑器
_小许_1 天前
AI IDE 与 Agent Harness:一次说清 Cursor、Codex 该怎么选
ide·人工智能·ai编程·cursor·codex
喆星时瑜1 天前
探索 Anaconda 中的 JupyterLab、Jupyter Notebook、iPython 解释器(Qt 控制台)和 Spyder IDE
ide·jupyter·ipython
2501_915918411 天前
Windows 上开发 React Native iOS,真机调试、Fast Refresh 与打包 ipa
windows·vscode·react native·ios·个人开发·swift·敏捷流程
Solange__1 天前
AI模型编辑器、Blender和3D Agent怎么选?按5类修改任务比较局部编辑、拓扑与自动化
人工智能·3d·自然语言处理·编辑器·音视频·blender·游戏策划