VS Code 实用技巧

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

同步滚动编辑,文件比较

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

多项选择(多光标)

Cmd + Click(鼠标左键),可添加多个光标在指定的位置
使用 Alt + Cmd + ↓  和 Alt + Cmd + ↑ 可以在同一位置向上或向下添加光标
VS Code 实用技巧_第1张图片
Cmd + D,可以向下选中相同的字符进行多光标操作。VS Code 实用技巧_第2张图片

列选择

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

选择所有查找的结果

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

拖动选中的内容

当选中内容时,可以使用鼠标拖动到指定的位置,效果相当于Cmd + X 和 Cmd + V
VS Code 实用技巧_第3张图片

查找文件名和变量

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即可复制文件的相对路径。
VS Code 实用技巧_第4张图片

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

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


PS:在Windows下,Crtl等同于Cmd

你可能感兴趣的:(前端,vscode,vscode技巧,vscode实用技巧,Visual,Studio,Code)