Ctrl Shift P 搜trim trailing whitespace 同时给多行行尾添加字符 选中需要编辑的行shift alt i跳转到行首和行尾 ctrlhome; ctrlendshiftalt 鼠标多行选中字体放大缩小 ctrl“/-”ctrlg 输入行号跳转打开终端ctrl ~前进后退git graph打开失败解决关闭所有的code然后执行code --no-sandbox就可以ctrlk0折叠当前文件里面的所有内容ctrlkj展开所有的内容其他的点当前的三角符号就可以了搜索文件 Ctrl P打开搜索框删 “”,输入文件名让文件显示自动换行ctrlshiftp打开命令窗口输入settings打开open user settings commly used直接ctrlf搜索wrap找到editor: word wrap 将word wrap的off改成on即可换行了关闭文件 ctrlw搜索通配符匹配VS Code 中存在两套完全独立的匹配规则体系适用场景不同很多人容易混淆下面分别整理规则并附上典型示例。一、Glob 通配符文件/路径匹配适用场景快速打开文件CtrlP的文件名搜索全局搜索CtrlShiftF的「要包含的文件」「要排除的文件」配置文件中的文件排除规则如files.exclude、search.exclude核心规则与示例符号规则说明示例匹配效果*匹配单个目录层级内的任意字符不跨目录不匹配路径分隔符/*.js匹配当前目录下所有.js文件如app.js不匹配src/app.js?匹配单个任意字符不匹配/test?.txt匹配test1.txt、testA.txt不匹配test12.txt**匹配任意层级的目录可跨路径**/*.js匹配项目所有层级下的.js文件如src/utils/app.js[]字符集匹配匹配括号内任意一个字符支持范围写法[a-z].txt匹配a.txt、b.txt…z.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 目录下的所有文件二、正则表达式文本内容搜索替换适用场景文件内字符串搜索、批量替换需要点击搜索框右侧.*按钮快捷键AltR开启。VS Code 使用 JavaScript 正则引擎常用元字符规则如下。1. 基础匹配元字符符号规则说明示例匹配效果.匹配任意单个字符除换行符a.c匹配abc、a1c、ac\d匹配单个数字0-9id_\d匹配id_0、id_9\D匹配单个非数字字符——\w匹配单个单词字符字母、数字、下划线——\W匹配单个非单词字符——\s匹配单个空白符空格、制表符、换行等——\S匹配单个非空白字符——\转义符让特殊符号变成普通字面量\.\[\*匹配真实的.[*字符2. 量词控制重复次数符号规则说明示例匹配效果*匹配前面的字符 0 次或多次ab*c匹配ac、abc、abbc匹配前面的字符 1 次或多次abc匹配abc、abbc不匹配ac?匹配前面的字符 0 次或 1 次colou?r匹配color、colour{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不匹配 category4. 字符集与逻辑符号规则说明示例匹配效果[abc]匹配括号内任意一个字符[aeiou]匹配任意一个元音字母[^abc]匹配除括号外的任意一个字符取反[^0-9]匹配任意非数字字符[a-z]匹配范围内的字符[A-Za-z]匹配任意大小写字母或逻辑匹配左右任意一个cat5. 分组与替换引用符号规则说明示例用法()捕获分组替换时用$1$2按顺序引用(abc)(\d)$1对应 abc 部分$2对应数字部分(?:)非捕获分组只分组不捕获不占用$序号—用于不需要引用的逻辑分组典型实战示例匹配abc[数字].格式的字符串abc\[\d\]\.匹配所有 console.log 语句console\.log\(.*\)批量给行首添加//注释查找^(.)替换// $1批量去除行尾空格查找\s$替换留空三、关键注意事项两套规则不通用Glob 仅用于文件路径匹配正则仅用于文本内容匹配语法不能混用。特殊字符必须转义正则中.[]*?等都是语法符号要匹配真实字符必须加\转义。正则默认多行模式VS Code 中^和$匹配每一行的首尾不是整个文档的首尾。替换框的反斜杠替换框中要输出真实的\必须写\\反斜杠自身需要转义。
vscode快捷键总结
Ctrl Shift P 搜trim trailing whitespace 同时给多行行尾添加字符 选中需要编辑的行shift alt i跳转到行首和行尾 ctrlhome; ctrlendshiftalt 鼠标多行选中字体放大缩小 ctrl“/-”ctrlg 输入行号跳转打开终端ctrl ~前进后退git graph打开失败解决关闭所有的code然后执行code --no-sandbox就可以ctrlk0折叠当前文件里面的所有内容ctrlkj展开所有的内容其他的点当前的三角符号就可以了搜索文件 Ctrl P打开搜索框删 “”,输入文件名让文件显示自动换行ctrlshiftp打开命令窗口输入settings打开open user settings commly used直接ctrlf搜索wrap找到editor: word wrap 将word wrap的off改成on即可换行了关闭文件 ctrlw搜索通配符匹配VS Code 中存在两套完全独立的匹配规则体系适用场景不同很多人容易混淆下面分别整理规则并附上典型示例。一、Glob 通配符文件/路径匹配适用场景快速打开文件CtrlP的文件名搜索全局搜索CtrlShiftF的「要包含的文件」「要排除的文件」配置文件中的文件排除规则如files.exclude、search.exclude核心规则与示例符号规则说明示例匹配效果*匹配单个目录层级内的任意字符不跨目录不匹配路径分隔符/*.js匹配当前目录下所有.js文件如app.js不匹配src/app.js?匹配单个任意字符不匹配/test?.txt匹配test1.txt、testA.txt不匹配test12.txt**匹配任意层级的目录可跨路径**/*.js匹配项目所有层级下的.js文件如src/utils/app.js[]字符集匹配匹配括号内任意一个字符支持范围写法[a-z].txt匹配a.txt、b.txt…z.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 目录下的所有文件二、正则表达式文本内容搜索替换适用场景文件内字符串搜索、批量替换需要点击搜索框右侧.*按钮快捷键AltR开启。VS Code 使用 JavaScript 正则引擎常用元字符规则如下。1. 基础匹配元字符符号规则说明示例匹配效果.匹配任意单个字符除换行符a.c匹配abc、a1c、ac\d匹配单个数字0-9id_\d匹配id_0、id_9\D匹配单个非数字字符——\w匹配单个单词字符字母、数字、下划线——\W匹配单个非单词字符——\s匹配单个空白符空格、制表符、换行等——\S匹配单个非空白字符——\转义符让特殊符号变成普通字面量\.\[\*匹配真实的.[*字符2. 量词控制重复次数符号规则说明示例匹配效果*匹配前面的字符 0 次或多次ab*c匹配ac、abc、abbc匹配前面的字符 1 次或多次abc匹配abc、abbc不匹配ac?匹配前面的字符 0 次或 1 次colou?r匹配color、colour{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不匹配 category4. 字符集与逻辑符号规则说明示例匹配效果[abc]匹配括号内任意一个字符[aeiou]匹配任意一个元音字母[^abc]匹配除括号外的任意一个字符取反[^0-9]匹配任意非数字字符[a-z]匹配范围内的字符[A-Za-z]匹配任意大小写字母或逻辑匹配左右任意一个cat5. 分组与替换引用符号规则说明示例用法()捕获分组替换时用$1$2按顺序引用(abc)(\d)$1对应 abc 部分$2对应数字部分(?:)非捕获分组只分组不捕获不占用$序号—用于不需要引用的逻辑分组典型实战示例匹配abc[数字].格式的字符串abc\[\d\]\.匹配所有 console.log 语句console\.log\(.*\)批量给行首添加//注释查找^(.)替换// $1批量去除行尾空格查找\s$替换留空三、关键注意事项两套规则不通用Glob 仅用于文件路径匹配正则仅用于文本内容匹配语法不能混用。特殊字符必须转义正则中.[]*?等都是语法符号要匹配真实字符必须加\转义。正则默认多行模式VS Code 中^和$匹配每一行的首尾不是整个文档的首尾。替换框的反斜杠替换框中要输出真实的\必须写\\反斜杠自身需要转义。
