分享VSCode中常用且高效的使用小技巧

1. VS Code的基本使用

VS Code是一款轻量级的编辑器,支持各种主流的编程语言开发,在前端、后端、移动端开发中被广泛使用。以下是VS Code的几个重要的基本使用技巧。

1.1 打开文件夹/文件

想要打开某个文件/文件夹,可以使用以下两种方法:

1. 在VS Code菜单中选择File -> Open Folder/File,或直接使用快捷键Ctrl+O(Windows/Linux)或Cmd+O(macOS)

2. 右键点击文件资源管理器,选择“打开VS Code”,即可在VS Code中打开该文件/文件夹

1.2 文件搜索

打开VS Code后,想要搜索特定的文件,可以使用以下快捷键:

Ctrl+P(Windows/Linux)或Cmd+P(macOS):在文件中搜索,输入文件名或路径定位到特定文件

除此之外,还可以在编辑器中使用顶部菜单中的"搜索"选项,或者使用Ctrl+Shfit+F(Windows/Linux)或Cmd+Shift+F(macOS)来执行全局搜索。

1.3 文件保存与关闭

保存文件可以使用快捷键Ctrl+S(Windows/Linux)或Cmd+S(macOS)。

关闭文件可以使用Ctrl+F4(Windows/Linux)或Cmd+W(macOS)。

2. VS Code的自动完成与智能提示

在VS Code中,用户使用语言服务的自动完成和智能提示可以快速编写代码。

2.1 自动完成

自动完成是指在编写代码时,VS Code会根据当前光标所在位置的变量、函数名等信息,给出智能提示,并在用户键入片段时自动完成拓展。

Ctrl+Space:主动触发自动完成,手动搜索到你想要的代码片段并完成

2.2 智能提示

智能提示是指在编写代码时,VS Code会显示关于语言语法的提示信息,例如给出变量、函数、类、模块、库等定义等基本信息,帮助用户编写代码时更加高效和准确。

3. VS Code的调试工具

VS Code提供了调试工具,可以方便地进行本地调试和远程调试。以下是VS Code的一些调试使用方法。

3.1 配置和启动调试

配置和启动调试可以通过“启动调试”按钮或者按F5实现,也可以通过VS Code的顶部菜单「调试」选择配置文件管理器,进行调试配置部分的调整。

3.2 设置断点

在调试代码时,可以使用断点来控制代码的执行状态。断点是指在执行到特定代码时,程序会暂停并在该处停止,可以观察程序运行时的状态。

在代码行上单击鼠标右键,选择“添加断点” 或者使用F9快捷键在当前行/fn名处添加断点。

3.3 操作调试面板

调试面板是显示在VS Code界面底部的一组工具,提供了切换活动文件、调试配置、断点列表等功能。

4. VS Code的插件扩展

VS Code内置许多有用的功能,但是有很多VS Code的扩展程序可以大大提高开发体验,增加功能。在VS Code中,用户可以选择一些有质量的第三方插件来实现更好的功能。

4.1 安装插件

安装插件可以通过VS Code的“扩展”栏目实现。在该面板中可以查找并安装多种第三方插件,比如“Code Runner”、“Bracket Pair Colorizer”、“Visual Studio IntelliCode”等等。

4.2 使用插件

VS Code的插件没有固定的使用方法,每个插件都具有自己的特性和用途。这里介绍几个常用的插件。

4.2.1 Code Runner

Code Runner是一款让用户可以在编辑器中直接运行代码片段的插件,支持多种语言开发。使用方法:

1. 安装Code Runner插件

2. 选中你想要运行的代码

3. 按Ctrl+Alt+N,或从右键菜单中选择Code Runner -> Run Code

4.2.2 Bracket Pair Colorizer

Bracket Pair Colorizer是一款高亮配对括号的插件,让括号更加清晰和可读。它可以高亮显示不同颜色的括号配对,使代码更易于阅读。使用方法:

1. 安装Bracket Pair Colorizer插件

2. 打开任何带括号的文件,插件会自动帮你高亮显示括号

3. 进入Bracket Pair Colorizer设置面板可修改括号颜色和配置其他项目

4.2.3 Visual Studio IntelliCode

Visual Studio IntelliCode是一款智能代码建议插件,支持多种语言开发。 它可以根据开发中的上下文,生成针对性的代码建议,提高代码效率和准确率。使用方法:

1. 安装Visual Studio IntelliCode插件

2. 根据提示在配置区域激活插件

3. 打开你的项目。

4. IntelliCode 已经准备完毕并开始在编辑器中自动监听。

总结

VS Code是一款功能强大的代码编辑器,支持多种语言开发,具有自动完成和智能提示等强大功能。在使用VS Code时,请熟记一些简单的快捷键操作,以及合适的插件扩展,以提高您的开发效率和开发体验。