怎样用VSCode快捷键在选区两侧加双引号?文本包装效率实践

梦雪大大_8665

梦雪大大_8665

2026-08-21

989人浏览

原创

vscode选中后按引号自动包裹需先启用auto closing quotes和auto closing brackets设置,否则无效;失效时可用ctrl+shift+p执行editor: surround with命令,或用正则^(.*)$→"$1"批量加引号。

怎样用vscode快捷键在选区两侧加双引号?文本包装效率实践

选中后按 " 就能自动包裹,但必须先确认设置已启用

VSCode 默认支持“选中→输入引号→自动包裹”,但这个功能不是开箱即用,它依赖两个关键设置。很多人试了没反应,其实是 Editor › Auto Closing Quotes 被关掉了,或者被某个插件(比如 Prettier 的格式化钩子)临时禁用了。

操作步骤很简单:

  • 打开设置(Ctrl+, 或 Cmd+, ),搜 auto closing quotes,确保开关是开启状态
  • 同样搜 auto closing brackets,设为 languageDefined 或 always(虽然和引号无关,但部分语言模式会联动控制)
  • 关掉可能干扰的插件,比如某些自定义 formatter 在保存时重写引号,会导致手动包裹后立刻被删掉

Ctrl+Shift+P 调命令面板执行 Editor: Surround With 更可靠

当自动包裹失效、或你想用非默认符号(比如单引号、反引号、甚至 <div>)时,命令面板方式更可控。它不依赖输入法或键盘布局,也不受语言模式限制。 <p>典型流程:</p> <ul> <li>选中目标文本(可以是单词、变量名、JSON key、SQL 字段等)</li> <li>按 <code>Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(Mac)

  • 输入 surround,选择 Editor: Surround With
  • 回车后,输入你想用的符号:比如 "、'、`、(、[、{,甚至 (注意不是 <code>>,它只包左边)
  • 这个命令在 Python、JS、JSON、HTML 等文件中都有效;但在 .env 或纯文本文件里可能不触发——此时需检查右下角语言模式是否识别正确(点击“Plain Text”手动切到 JSON 或 JavaScript)。

    批量给多行加双引号?用正则替换 ^(.*)$ → "$1"

    处理 CSV 字段、JSON 键列表、SQL INSERT VALUES 时,手动逐行加引号太慢。VSCode 的正则替换是最快路径,但容易因空行或换行符出错。

    VSCode
    VSCode

    避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

    下载

    安全写法:

    • 选中目标多行(不要包含末尾空行)
    • 按 Ctrl+H 打开替换面板
    • 勾选 .*(正则模式),取消勾选 . matches newline
    • 查找框填:^(.*)$
    • 替换框填:"$1"
    • 点 Replace All

    如果原始内容含空行且你不希望变成 "",改用:^(?!\s*$)(.*)$ —— 这个表达式跳过全空白行,但保留带缩进的行(如 name 会被包成 " name",符合多数代码场景)。

    为什么有时按 " 没反应?常见干扰项清单

    不是 VSCode 坏了,而是以下某一项正在接管输入行为:

    • 当前文件类型未关联语言模式(右下角显示 Plain Text 时,Auto Closing Quotes 不生效;手动点击切换为 JSON 或对应语言)
    • 装了 Auto Rename Tag 或 Beautify 类插件,它们可能劫持引号输入逻辑
    • 键盘布局是中文输入法(尤其搜狗/微软拼音),按 " 实际输出的是中文引号 “”,VSCode 不识别为包裹触发符
    • 你在 JSON 文件里选中了带冒号的键值对(如 name: "foo"),VSCode 有时会拒绝包裹整个字段——此时缩小选区,只选 name 再试

    最稳的兜底方案:别赌自动包裹,养成 Ctrl+Shift+P → Surround With 的肌肉记忆。它不挑语言、不看输入法、不依赖插件,唯一要求是你得先选中。

    相关文章

    PHP速学视频免费教程(入门到精通)
    PHP速学视频免费教程(入门到精通)

    PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

    下载

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    相关专题

    更多
    vscode是什么_vscode怎么安装配置
    vscode是什么_vscode怎么安装配置

    VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

    2023.06.30

    1255

    18

    vscode怎么运行代码
    vscode怎么运行代码

    vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

    2023.07.21

    2592

    3

    vscode使用的框架介绍
    vscode使用的框架介绍

    VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

    2024.03.14

    1889

    12

    vscode一般用来写什么语言
    vscode一般用来写什么语言

    VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

    2024.03.14

    1707

    8

    vscode可以写什么语言
    vscode可以写什么语言

    vscode是一款强大的代码编辑器,支持多种编程语言的开发。通过安装扩展,可以为 JavaScript/TypeScript、Python、Java、C#、PHP、Go、Ruby、Rust、HTML/CSS 等语言提供智能代码补全、调试和格式化等功能。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

    2024.03.15

    2587

    12

    vscode中文设置方法
    vscode中文设置方法

    方法一:在设置页面中,搜索“locale”,并选择“zh-cn”。方法二:按“Ctrl Shift P”快捷键,输入“Configure Display Language”,将语言修改为“zh-cn”。如果上述方法无效,可考虑安装中文插件。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

    2024.03.15

    1798

    14

    vscode用途介绍
    vscode用途介绍

    Visual Studio Code(VSCode)是一款由 Microsoft 开发的多功能文本编辑器,适用于各种编程语言。作为一款开源软件,VSCode 拥有代码高亮、自动补全、调试、Git 集成等强大功能,成为程序员不可或缺的工具。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

    2024.03.15

    1242

    10

    vscode和visualstudio的区别
    vscode和visualstudio的区别

    Visual Studio是一款功能强大的集成开发环境(IDE),适用于专业开发人员进行复杂项目的构建。而VSCode则是一款轻量级的代码编辑器,更适合各种规模的项目开发。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

    2024.03.15

    1096

    8

    vscode设置中文界面不生效解决方法
    vscode设置中文界面不生效解决方法

    vscode设置中文界面不生效解决方法:安装中文语言包、通过命令面板设置语言、检查 locale.json 设置、重新安装中文语言包、检查 VSCode 版本和更新、排除插件冲突、检查系统语言设置、查看 VSCode 日志和错误消息、重置 VSCode 设置、查看官方文档和社区支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

    2024.03.15

    454

    5

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程