news 2026/7/16 20:44:57

vscode快捷键总结

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
vscode快捷键总结
  1. Ctrl + Shift + P 搜trim trailing whitespace 同时给多行行尾添加字符 选中需要编辑的行,shift + alt + i

  2. 跳转到行首和行尾: ctrl+home; ctrl+end

  3. shift+alt 鼠标多行选中

  4. 字体放大缩小 ctrl+“+/-”

  5. ctrl+g 输入行号跳转

  6. 打开终端ctrl + ~

  7. 前进后退

  8. git graph打开失败解决:关闭所有的code,然后执行code --no-sandbox就可以

  9. ctrl+k+0折叠当前文件里面的所有内容,ctrl+k+j展开所有的内容,其他的点当前的三角符号就可以了

  10. 搜索文件 :Ctrl + P打开搜索框,删 “>”,输入文件名

  11. 让文件显示自动换行

ctrl+shift+p,打开命令窗口;输入settings,打开open user settings commly used,直接ctrl+f,搜索wrap,找到editor: word wrap 将word wrap的off改成on,即可换行了
  1. 关闭文件 ctrl+w
  2. 搜索通配符匹配

VS Code 中存在两套完全独立的匹配规则体系,适用场景不同,很多人容易混淆,下面分别整理规则并附上典型示例。


一、Glob 通配符(文件/路径匹配)

适用场景

  • 快速打开文件(Ctrl+P)的文件名搜索
  • 全局搜索(Ctrl+Shift+F)的「要包含的文件」「要排除的文件」
  • 配置文件中的文件排除规则(如files.excludesearch.exclude

核心规则与示例

符号规则说明示例匹配效果
*匹配单个目录层级内的任意字符,不跨目录(不匹配路径分隔符/*.js匹配当前目录下所有.js文件,如app.js,不匹配src/app.js
?匹配单个任意字符(不匹配/test?.txt匹配test1.txttestA.txt,不匹配test12.txt
**匹配任意层级的目录,可跨路径**/*.js匹配项目所有层级下的.js文件,如src/utils/app.js
[]字符集匹配,匹配括号内任意一个字符,支持范围写法[a-z].txt匹配a.txtb.txtz.txt
{}多模式并列,匹配其中任意一个模式,逗号分隔*.{js,ts,vue}匹配所有.js.ts.vue文件
!取反,排除匹配的文件(需配合包含规则使用)!*.test.js在匹配结果中排除所有.test.js文件
/开头表示相对于项目根目录的路径/src/*.js只匹配根目录下 src 文件夹里的.js文件

常用组合示例

  • src/**/*.{ts,tsx}:匹配 src 目录下所有层级的 ts/tsx 文件
  • **/node_modules/**:匹配所有层级的 node_modules 目录及其内部所有文件
  • !src/assets/**:排除 src/assets 目录下的所有文件

二、正则表达式(文本内容搜索替换)

适用场景

文件内字符串搜索、批量替换,需要点击搜索框右侧.*按钮(快捷键Alt+R)开启。VS Code 使用 JavaScript 正则引擎,常用元字符规则如下。

1. 基础匹配元字符

符号规则说明示例匹配效果
.匹配任意单个字符(除换行符)a.c匹配abca1ca@c
\d匹配单个数字(0-9)id_\d匹配id_0id_9
\D匹配单个非数字字符
\w匹配单个单词字符(字母、数字、下划线)
\W匹配单个非单词字符
\s匹配单个空白符(空格、制表符、换行等)
\S匹配单个非空白字符
\转义符,让特殊符号变成普通字面量\.\[\*匹配真实的.[*字符

2. 量词(控制重复次数)

符号规则说明示例匹配效果
*匹配前面的字符 0 次或多次ab*c匹配acabcabbc
+匹配前面的字符 1 次或多次ab+c匹配abcabbc,不匹配ac
?匹配前面的字符 0 次或 1 次colou?r匹配colorcolour
{n}匹配前面的字符恰好 n 次\d{4}匹配连续 4 个数字,如2024
{n,}匹配前面的字符至少 n 次\d{2,}匹配至少 2 位连续数字
{n,m}匹配前面的字符 n~m 次\d{2,4}匹配 2~4 位连续数字

3. 位置锚点(匹配位置,不匹配字符)

符号规则说明示例匹配效果
^匹配行的开头^import匹配行首开头的 import
$匹配行的结尾;$匹配行尾的分号
\b匹配单词边界\bcat\b匹配独立单词 cat,不匹配 category

4. 字符集与逻辑

符号规则说明示例匹配效果
[abc]匹配括号内任意一个字符[aeiou]匹配任意一个元音字母
[^abc]匹配除括号外的任意一个字符(取反)[^0-9]匹配任意非数字字符
[a-z]匹配范围内的字符[A-Za-z]匹配任意大小写字母
``或逻辑,匹配左右任意一个`cat

5. 分组与替换引用

符号规则说明示例用法
()捕获分组,替换时用$1$2按顺序引用(abc)(\d+)$1对应 abc 部分,$2对应数字部分
(?:)非捕获分组,只分组不捕获,不占用$序号用于不需要引用的逻辑分组

典型实战示例

  1. 匹配abc[数字].格式的字符串:
    abc\[\d+\]\.
  2. 匹配所有 console.log 语句:
    console\.log\(.*\)
  3. 批量给行首添加//注释:
    • 查找:^(.)
    • 替换:// $1
  4. 批量去除行尾空格:
    • 查找:\s+$
    • 替换:(留空)

三、关键注意事项

  1. 两套规则不通用:Glob 仅用于文件路径匹配,正则仅用于文本内容匹配,语法不能混用。
  2. 特殊字符必须转义:正则中.[]*+?等都是语法符号,要匹配真实字符必须加\转义。
  3. 正则默认多行模式:VS Code 中^$匹配每一行的首尾,不是整个文档的首尾。
  4. 替换框的反斜杠:替换框中要输出真实的\,必须写\\(反斜杠自身需要转义)。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/16 20:44:54

OptiScaler技术架构深度解析:跨GPU超采样与帧生成实现原理

OptiScaler技术架构深度解析:跨GPU超采样与帧生成实现原理 【免费下载链接】OptiScaler OptiScaler bridges upscaling/frame gen across GPUs. Supports DLSS2/XeSS/FSR2 inputs, replaces native upscalers, enables FSR-FG/XeFG on non-FG titles. Supports Nuke…

作者头像 李华
网站建设 2026/7/16 20:42:58

MinerU终极指南:5分钟从PDF小白到Markdown高手

MinerU终极指南:5分钟从PDF小白到Markdown高手 【免费下载链接】MinerU A high-quality tool for convert PDF to Markdown and JSON.一站式开源高质量数据提取工具,将PDF转换成Markdown和JSON格式。 项目地址: https://gitcode.com/OpenDataLab/Miner…

作者头像 李华
网站建设 2026/7/16 20:32:30

DataRoom数据集制作:SQL、HTTP、WebSocket数据接入实战指南

DataRoom数据集制作:SQL、HTTP、WebSocket数据接入实战指南 【免费下载链接】DataRoom 🔥AI对话式生成大屏、页面,采用前后端一体化解决方案,几十种炫酷图表,支持20数据来源接入,适用于大屏、低代码、BI场景…

作者头像 李华
网站建设 2026/7/16 20:29:50

Optuna Dashboard高级配置:连接MySQL/PostgreSQL数据库的完整指南

Optuna Dashboard高级配置:连接MySQL/PostgreSQL数据库的完整指南 【免费下载链接】optuna-dashboard Real-time Web Dashboard for Optuna. 项目地址: https://gitcode.com/gh_mirrors/op/optuna-dashboard Optuna Dashboard是一个实时Web仪表板&#xff0c…

作者头像 李华