1.安装插件工具
VSCode是一个工具非常强大的集成开发环境,他的强大得益于它拥有大量的插件,插件扩展了VSCode的功能,可以通过插件来获取你所需要的功能,插件大都可以通过Extensions菜单进行安装。你可以在VSCode的Extensions Market Place中寻找到各类插件:从代码片段到debugger、git、python开发等等,相对于其他开发工具,VSCode在提供强大工具的同时,还可以满足个性化需求。
VSCodeExtensions搜索插件的MarketPlace
2.多行光标操作
多行光标是VSCode非常强大的一项功能,可以通过它来对多行代码进行同时修改。多行光标几乎适用于代码重构的所有情况,它可以从最简单的代码块作用域到多个代码文件的修改。
2.1 增加多行光标
在Windows环境中,增加多行光标的快捷键是Ctrl+Alt+Down / Up;在MAC环境中,增加多行光标的快捷键是Shift+Option+Down / Up。
在Windows下按下Ctrl+Alt+Down/Up键增加光标
在Mac下按下Shift+Option+Down/Up键增加光标
2.2 快速选中某一行的所有出现的匹配项
在这种情况下多行光标非常有用。选中后,可以通过Ctrl+Shift+L删除后进一步编辑它们。如果需要添加更多的光标,可以使用上文提到的增加光标的快捷键。如果你希望所有光标都选中相同的内容,你可以通过使用Ctrl+F2。
选中所有出现过的匹配项:Ctrl+Shift+L键
在所有光标位置插入相同内容:Ctrl+F2
3.代码拆分
VSCode还支持将代码拆分到新窗口或新的栏目中。它非常适合不同模块的多个文件、HTML代码视图或代码与配有样式的HTML文件之间的同步预览等。
3.1 新窗口中打开文件
要将文件分离到新的编辑器窗口中,请右键单击要分离的选项卡,然后选择新窗口中打开选项。
右键点击选项卡,选择新窗口中打开选项
3.2 新栏中打开文件
要在一个新栏中打开一个文件,请单击文件选项卡并将其拖动到右侧(或左侧)的侧栏中。
将选项卡拖动到侧边栏中
4.快速更改文件名
当文件名或者整个路径错误时,我们需要修改路径或者将文件重命名。 我们可以通过在文件的选项卡上右键单击并选择重命名来打开一键重命名。
右键单击选项卡并选择重命名
5.快速移动行
按Alt并拖动指针,即可快速将当前行移动到你指定的位置。
按Alt并拖动当前行,可以快速移动行的位置
6.跨行选取
选取多行也是一件非常实用的操作,通过选择Shift+Alt+Drag可以选择任意大小的下一个块。通过Shift+Alt+Up/Down向选定区域添加/删除行。
通过Shift+Alt+Drag选中一个块
通过Shift+Alt+Up/Down向选定区域添加/删除行的方式。
7.查找并替换
代码中查找想要的内容是非常必要而又重要的一步,VSCode提供强大的查找或查找和替换功能,你可以使用快捷键Ctrl+F,弹出输入框后输入即可查找到内容。
按Ctrl+F快捷键弹出查找输入框,输入要查找的内容。
如果需要进行查找和替换,请使用Ctrl+H打开查找和替换对话框,并输入想要的内容进行替换。
按Ctrl+H打开查找和替换对话框,用新内容替换旧内容。
8.快速文件落地
如果你没有明确地保存文件,VSCode将自动将当前正在编辑的内容保存到新临时文件中。可以使用Ctrl+S简单地将其保存到文件系统中。
按Ctrl+S键,简单保存当前脚本文件。
9.分屏显示文件
当你有多个文件需要反复切换时,分屏显示文件或弹出窗口是更好的选择。VSCode很容易实现管理窗口。
9.1 分屏视图
将两个文件分屏显示助于您比较两个文件的差异。
选择要分屏的文件,单击上方的“分屏”按钮,
然后选择要在拆分视图中放置的文件。
9.2 弹出窗口
如果你更喜欢在一个独立的窗口中查看某些文件,你可以用窗口工具菜单上的命令或输入Ctrl+Shift+N创建一个新的窗口。在VSCode内部创建的新窗口将有一个自己的工作区。
选择窗口工具菜单上的新窗口命令或使用快捷键Ctrl + Shift +N。
10.常用命令快捷键
下表所列的急于迅速查找然后运行的一些VSCode命令在使用中非常有用。
命令 | 快捷键 |
---|---|
折叠 | Ctrl+Shift+[ |
展开 | Ctrl+Shift+] |
全部折叠 | Ctrl+K Ctrl+0 |
展开全部 | Ctrl+K Ctrl+J |
11.终端
VSCode集成了终端功能,它可以在当前项目的上下文中作为一个优秀的开发工具。终端支持各种命令行操作,如npm install或gulp build:
11.1 打开终端
使用Ctrl+~可以快速打开终端。默认的控制台是命令行控制台,如果你需要Bash或PowerShell,则必须进行配置。
使用ctrl+~打开命令行终端
11.2 更改终端类型
默认情况下,VSCode终端使用Cmder,这是一个支持多个标签页和分屏模式的强大控制台工具。
使用Ctrl+Shift+C直接复制命令行内容
12.代码片段
代码片段是快速写出重复代码块的好办法,可以通过Ctrl+Shift+P打开命令面板,然后选择“Configure User Snippets”选项来自定义代码片段。
使用Ctrl+Shift+P快捷方式,然后选择“Configure User Snippets”自定义代码片段
13.文件变化监视器
文件变化监视器是VSCode的一个非常有用的功能,可以始终使你的项目处于最新的状态,如果已经存在引用该模块的文件,则会自动重新加载该模块。
FS监视器对你的项目保持最新
总结
本文介绍了13项VSCode开发技巧,包括安装插件工具、多行光标操作、代码拆分、快速更改文件名、快速移动行、查找并替换、快速文件落地、分屏显示文件、常用命令快捷键、终端、代码片段、文件变化监视器等功能,希望能提高开发者们的开发效率。