VS Code 实用技巧

一开始是因为需要同步滚动编辑文件的功能,没想到真的在vscode的issues里找到了这个功能,发觉到vscode的强大之处,索性抽空看了下vscode更新日志文档,整理了一些简单实用的技巧

同步滚动编辑,文件比较

在文件栏中使用Cmd + Click选中两个文件,右键选择"Compare Selected",即可打开文件对比较窗口,此时滚动任何一个文件视图,另一个视图会同步滚动,在编辑多语言文件时特别有效,但是默认左边的视图是基准比较,是不能编辑的,在配置文件中添加 diffEditor.originalEditable": true,即可解除这个限制。

多项选择(多光标)

Cmd + Click(鼠标左键),可添加多个光标在指定的位置
使用 Alt + Cmd + ↓ 和 Alt + Cmd + ↑ 可以在同一位置向上或向下添加光标

Cmd + D,可以向下选中相同的字符进行多光标操作。

列选择

Shift + Alt + Click(鼠标左键) 或者 按住鼠标中键移动鼠标

选择所有查找的结果

当搜索出多个结果时,可以使用Alt + Enter快速选中所有的查找结果

拖动选中的内容

当选中内容时,可以使用鼠标拖动到指定的位置,效果相当于Cmd + X 和 Cmd + V

查找文件名和变量

Cmd + P,在弹出的窗口可以查找文件名,在搜索结果前添加#号可以搜索变量名,也可以直接使用Cmd + T搜索变量名

自动更新导入路径

当文件名(路径)移动或者重命名的时候,自动在使用的地方更新导入路径
需要在用户配置文件中添加

javascript.updateImportsOnFileMove.enabled

javascript.updateImportsOnFileMove.enabled

“prompt”: 默认值,导更新路径的时候询问。

“always”: 问题自动更新导入路径。

“never”: 不更新导入路径也不询问。

重命名导入文件名

选中import导入的路径,按F2或者右键选择Rename Symbol,编辑导入路径,再按Enter键,源文件名也会自动改变。

重命名变量名

选中变量名,按F2或者右键选择Rename Symbol,在弹出的窗口编辑变量名,再按Enter,所有使用的地方都会自动重命名。

复制路径

鼠标右键文件名或者已打开的Tab,选择Copy Path 即可复制文件的绝对路径,选择Copy Releative Path即可复制文件的相对路径。

跳转到最后一次编辑的位置

Cmd + K && Cmd + Q,即可快速跳转到上一次编辑的文件的指定位置


PS:在Windows下,Crtl等同于Cmd

Visual Studio CodeVSCode)是一个强大的开源代码编辑器,有许多实用的功能和技巧可以帮助您更高效地阅读和理解代码。这里有一些常用的技巧: 1. **代码高亮和主题**:选择合适的语言模式可以自动为不同类型的文件提供语法高亮,同时尝试不同的颜色主题可以提升可读性。 2. **跳转到定义**:按 `Ctrl + Click`(Windows/Linux)或 `Cmd + Click`(Mac)可以在当前文件中快速导航到变量、函数或类的定义处。 3. **搜索功能**:使用 `Ctrl + F`(全局查找)或 `Ctrl + Shift + F`(替换)搜索特定文本。还可以设置快捷键进行正则表达式搜索。 4. **代码折叠**:对冗长的代码块使用 `Ctrl + [` 和 `Ctrl + ]` 进行折叠和展开,方便查看关键部分。 5. **代码片段和自定义命令**:安装合适的插件可以使用代码片段快速插入常用代码片段,或者创建自定义命令来执行常见的操作。 6. **Git集成**:利用VSCode的Git扩展,可以直接在编辑器内查看提交历史、更改差异等,这对于追溯代码变更非常有用。 7. **调试工具**:配置断点并逐步执行代码,观察变量值变化,有助于理解复杂逻辑。 8. **代码审查**:利用Pull Request功能,可以预览其他开发者对代码的修改建议。 9. **插件拓展**:VSCode有大量的插件可用于代码格式化、类型检查、代码提示等功能的增强。 10. **键盘快捷键**:熟悉并定制自己的快捷键设置,可以极大提高工作效率。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值