vs code基本用法

VS Code 快捷键映射

如何你当前正在使用Eclipse、Vim、Sublime或者Atom等编辑器，你已经熟悉了这些编辑器的快捷键的使用，你想切换到VS Code 还使用这些快捷键，这是有办法解决的，VS Code提供了快捷键映射。

打开快捷键映射

• 1、 使用菜单： File > Preferences > Keymaps. (在MacOS上 Code > Preferences > Keymaps )

• 2、使用快捷键：Ctrl+K Ctrl+M

• 3、安装快捷键映射扩展。

快捷键映射.png

VS Code 用户和工作区设置

VS Code为设置提供了两种不同的范围：

• 1、用户设置 - 全局应用于您打开的任何VS代码实例的设置。

• 2、工作区设置 - 存储在工作区内的设置，仅在打开工作区时应用。

打开设置

1、 File > Preferences > Settings(On macOS - Code > Preferences > Settings)

2、快捷键：ctrl+,或者 ctrl+shift+p,输入：Open Settings

如何设置

1、可视化设置

2、打开json格式文件进行设置

注意： 系统默认设置不能修改，只能在用户设置和工作区...

工作区设置.png

VS Code主题

颜色主题，您可以修改VS Code的用户界面中的颜色，以满足您的偏好和工作环境

选择颜色主题

• 1、 菜单File > Preferences > Color Theme. (Code > Preferences > ColorTheme on macOS).

• 2、 快捷键 Ctrl+K Ctrl+T

• 3、 通过上下键预览。

• 4、 回车确认使用主题。

从扩展市场下载主题

打开扩展视图，输入theme搜索颜色主题，进行安装。

还可以自定义主题

打开settings.json配置文件，找到 workbench.colorCustomization...

VS Code主题.png

VS Code 代码补全（IntelliSense）

VS Code 的代码补全功能依赖各种扩展，例如：Java、Python、Go、C#等等，IntelliSense可以实现代码补全、内容辅助、代码提示等功能。

实现代码补全

1、安装需要的扩展，例如：java、python等。
2、输入代码按 Tab 后者 Enter 回车，实现代码补全。

VS Code 基本代码编辑

• ctrl+shift+p 打开命令面板
• ctrl+b 显示隐藏侧边栏
• ctrL+p 浏览文件
• ctrl+shift+f 查找
• ctrl+w 关闭文件
• ctrl+/ 注释
• shift+alt+a 块注释
• Shift+Alt+F 格式化文档
• Ctrl+K Ctrl+F 格式化选中
• Ctrl+Shift+K 删除行

VS Code 代码导航

VS Code可以快速在文件之间进行导航.

ctrl+p 快速打开文件

如果你在编辑器中同时打开了多个文件，可以同时按ctrl+tab 进行导航

跳转到文件定义处

F12 可以跳转到文件定义的地方。也可以 ctrl+alt+click。

ctrl+鼠标经过 可以显示帮助信息。

ctrl+shift+o 跳转到Symbol（方法或者变量），如果文件很大，方法很多可以使用它。

Peek

Peek可以嵌入在当前页面进行浏览，这样很方便，可以右键单击选择Peek，或者快捷键 Shift+F12

VS Code 代码重构

源代码重构可以通过重构代码而不修改运行时行为来提高项目的质量和可维护性。 VS Code支持重构操作（重构），例如：Extract Method和Extract Variable，以改善编辑器中的代码库。

重构代码

例如，我们有如下js代码：

function sum(a,b){
    return a+b;
}

选中 return a+b; 右键单击选择 Refactor... 进行代码重构，例如：我们将a+b赋值给一个常量再返回，结果为：

function sum(a,b){
    const newLocal = a + b;
    return newLocal

VS Code 集成终端

在Visual Studio Code中，您可以打开一个集成终端，最初从工作区的根目录开始。这可以非常方便，因为您不必切换窗口或更改现有终端的状态以执行快速命令行任务。

打开终端视图

• 1、快捷键 ctrl+`
• 2、View > Terminal 菜单
• 3、Ctrl+Shift+P -> View: Toggle Integrated Terminal

代码调试

• F9 打开和停止调试断点
• F11 单步调试
• F5 启动调试

代码调试.png