VS Code使用教程

209 阅读4分钟

VS Code教程

入门指令

- code或者code-r(窗口复用) 加文件名或路径  可以打开指定文件
- code -r -g package.json:128 跳转到指定文件指定行
- code -r -d a.txt b.txt 可以比较两个文件的差异
- ls | code - 把当前目录的所有文件名展示在编辑器里

键盘操作

- 按住option(ctrl)以及左右键可以直接移动到整个字符串的首尾
- 按住command(home)以及左右键可以移动到行首和行尾
- 按住command+shift(ctrl+shift) 以及左右可以移动到代码块的首尾
- 按住command 以及上下可以移动到文档的顶和底
- 在进行光标移动时 +shift可以选中到光标范围的所有字符
- 删除可以先选中再删除
- 使用Command + shift +p打开命令后面板,进行自定义快捷键

代码行编辑

- command(ctrl) + shift +k 可以删除整行代码
- command(ctrl)+ x 剪切代码
- command(ctrl)+ enter 到下一行重新开始
- command(ctrl)+shift + enter 到上一行重新开始
- option(alt)+ 上下键可以将一行代码上下移动
- option(alt) + shift + 上下可以将代码复制到上面或下面

撤销光标的移动

command(ctrl)+u 可以撤销光标的移动

合并代码行

ctrl + j 将代码合并

调整大小写

选中字符串在命令行面板运用转换大写或者小写

调换字符的位置

ctrl + t 调整光标前后字符串的位置

代码缩进

命令行面板输入重新缩进或者重新缩紧选中行

代码格式化

Option + shift + F 进行代码格式化

添加注释

- command(ctrl) + / 注释某一行代码
-  option + shift + a 将某一段代码注释

代码自动补全设置

设置
"editor.quickSuggestions": { 
"other": true,
"comments": false, 
"strings": false
}

文本选择

- 点击两次 选择单词 
- 点击三次 选择一行
- 点击四次 选择真个文档
- 鼠标点击行号选择多行

参数预览

command + shift + 空格 调出参数预览

重构

将光标放到函数上或者变量名 按下F2所有出现的地方就会被修改

文本拖拽

- 选中要拖拽的文本 按住不松 到目标位置松开(剪切+粘贴)
- 多按下option(ctrl) 可以复制拖拽(复制+粘贴)

多光标

- 按住option(alt)点击  就可以在字符前添加
- 安装command + option + 下方向键 就可以在当前光标下创建光标 使用command(end)+ 右方向键可以移动光标的行末
- 使用command + d 每按一次都会选择相同元素
- 使用option(alt) + shift +i 对选中的每一行都创建一个新的光标

代码跳转

- 在函数名上按住command 出现下划线 按住下划线可以显示函数定义处
- 在函数定义按住command 出现下划线 按住下划线可以显示函数引用处

悬停提示

- 在函数名上按住command 显示代码的具体实现
- 鼠标放在css变量上会显示在html的生效代码片段

文件跳转

- 按住ctrl+tab 会显示最近打开的所有文件 再松开tab可以点击文件跳转
- 按住command(ctrl) + p 会出现可搜索的文件列表
- 当找到目标文件时可以使用ctrl + enter在新的编辑器打开

行跳转

- 按住ctrl + g 输入:行号 就可以跳转到指定行
- command + shift + o 会跳转到指定符号所在行
- command + t 可以在多个已打开的文件中实现符号跳转

跳转到引用的地方

鼠标放在函数名上 按住shift + f12打开函数的引用预览

代码折叠

点击代码块左边的-号进行折叠

版本管理

点击图标或者使用ctrl + shift + g打开版本管理界面会显示代码变化的文件

编辑器tab标签

使用command + p打开命令面板在搜索打开下一个编辑器或者command+ option +左右键进行编辑器切换

编辑器拖拽

可以从编辑器组或者资源管理器中进行拖拽

编辑器网格布局

使用command + p打开命令面板 进行2x2网格布局

创建终端

- 使用ctrl + ` 调出和取消终端
- 使用ctrl + shift + ` 新建新的终端
- 可以通过聚焦上一个或者下一个终端进行切换
- 可以通过命令面板 拆分终端进行拆分

多文件夹工作区

1. 打开命令面板,将文件添加到工作区
2. 打开命令面板,将工作区另存为
- 多文件搜索与单文件类似
- 窗口切换可以使用ctrl + w进行切换
- 如果想回到上一个项目 使用ctrl + r

编辑器组

拆分编辑器 command + \