说起
VS Code
,官方定义它是一个免费的、开源的跨平台编辑器。之所以强调 “编辑器”,我想是因为VS Code
并无意成为一个全尺寸的集成开发环境,也就是IDE
工具。
我们经常使用的版本称为稳定版(Stable
),其每个月发布一个主版本。另外一个发布版本称为开发版(Insiders
),每周一到周五 UTC
时间早上 6
点从最新的代码发布一个版本,这也是 VS Code
团队在使用的版本,目标是可以第一时间用上自己新加的功能并及时发现问题。
1. 终端打开
在类 Unix 系统下面如何快速打开 VS Code 工具呢?
如果使用 Linux
系统的话,安装后的第一时间一定是想知道怎么在终端中调用和打开呢?其实,默认在安装的时候会因为不同的操作系统安装不同的二进制程序。
- macOS - Linux - code
➜ which code
/usr/local/bin/code
- 命令行常用操作
标号 | 终端参数 | 对应含义解释 |
---|---|---|
1 | -d --diff <file> <file> |
比较两个文件 |
2 | -a --add <folder> |
追加目录到最新打开的项目中 |
3 | -g --goto <file:line[:character]> |
滚动到文件中某个特定的行和列 |
4 | -n --new-window |
强制打开一个新窗口 |
5 | -r --reuse-window |
强制打开已打开窗口中的文件或文件夹 |
6 | -w/--wait |
等待文件被关闭后再返回 |
7 | --locale <locale> |
要使用的区域设置 |
8 | --user-data-dir <dir> |
指定保存用户数据的目录 |
2. 键盘操作
即做到双手不离键盘来操作 VS Code 工具!Vim 插件 Yes
- 光标的移动
虽然 VS Code
是基于 Web
技术开发的非原生应用,但是它支持针对单词、行、代码块、整个文档等多种光标移动方式。
标号 | 快捷键 | 对应含义解释 |
---|---|---|
1 | Cmd + ← |
移动到行首 |
2 | Cmd + → |
移动到行尾 |
3 | Cmd + ↑ |
移动到文首 |
4 | Cmd + ↓ |
移动到文尾 |
5 | Option + ← |
向行首整个单词移动 |
6 | Option + → |
向行尾整个单词移动 |
7 | Option + ↑ |
将当前行移动到上一行中 |
8 | Option + ↓ |
将当前行移动到下一行中 |
9 | Ctrl + ← |
先前切换工作窗口 |
10 | Ctrl + → |
先后切换工作窗口 |
11 | Ctrl + PgUp |
向上翻页 |
12 | Ctrl + PgUd |
向下翻页 |
13 | Cmd + U |
撤销光标移动 |
14 | Cmd + Shift + \ |
花括号之间跳转 |
- 文本的选择
掌握了上面的快捷键之后,你还可以非常轻松地掌握文本选择的操作。因为对于基于单词、行和整个文档的光标操作,你只需要多按一个 Shift
键,就可以在移动光标的同时选中其中的文本。
标号 | 快捷键 | 对应含义解释 |
---|---|---|
1 | Cmd + Shift + ← |
选中当前位置到行首的所有元素 |
2 | Cmd + Shift + → |
选中当前位置到行尾的所有元素 |
3 | Cmd + Shift + ↑ |
选中当前位置到文首的所有元素 |
4 | Cmd + Shift + ↓ |
选中当前位置到文尾的所有元素 |
5 | Option + Shift + ← |
向左选中元素 |
6 | Option + Shift + → |
向右选中元素 |
7 | Option + Shift + ↑ |
向上选中元素 |
8 | Option + Shift + ↓ |
向下选中元素 |
9 | Cmd + Shift + p + "选择括号所有内容" |
可以绑定快捷键的命令 |
- 文本的删除
了解了光标移动和文本选择,再来看删除操作,就变得相对简单了。
标号 | 快捷键 | 对应含义解释 |
---|---|---|
1 | Cmd + Delete |
删除当前位置左侧的所有内容 |
2 | Cmd + Fn + ~ |
删除当前位置右侧的所有内容 |
3 | Option + Delete |
删除左侧单词粒度内容 |
4 | Option + Fn + ~ |
删除右侧单词粒度内容 |
5 | Ctrl + j |
合并代码行 |
- 其他常用操作
标号 | 快捷键 | 对应含义解释 |
---|---|---|
1 | Cmd + Shift + p + "按升序排列行" |
可以绑定快捷键的命令 |
2 | Cmd + Shift + p + "按降序排列行" |
可以绑定快捷键的命令 |
3 | Cmd + Shift + p + "转换为大写" |
可以绑定快捷键的命令 |
4 | Cmd + Shift + p + "转换为小写" |
可以绑定快捷键的命令 |
5 | Cmd + Shift + p + "转置游标处的字符" |
可以绑定快捷键的命令 |
6 | Cmd + Shift + p + "重新缩进行" |
可以绑定快捷键的命令 |
7 | Cmd + Shift + p + "重新缩进选中行" |
可以绑定快捷键的命令 |
8 | Cmd + Shift + p + "转换为小写" |
可以绑定快捷键的命令 |
3. 项目设置
项目设置包括我们编写代码的时候,可能需要设置的配置!
{
"python.pythonPath": "",
"python.formatting.autopep8Args": ["--max-line-length=99"],
"editor.rulers": [99],
"editor.renderLineHighlight": "all",
"editor.renderWhitespace": "all"
}
4. 插件推荐
经典且好用的 VS Code 插件推荐!
能够在某些领域大幅度提高 VS Code
使用效率和体验的工具,能够取代 VS Code
原有功能的工具。
- 运维相关 - DevOPS
- 后端相关 - Python
- 前端相关 - Stack
- 代码调试 - Debug
- 代码托管 - Git
- 远程连接 - WSL
- 代码美化 - Beautiful
- Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
- file-icons
- Bracket Pair Colorizer 2
- indent-rainbow
- Highlight Matching Tag
- Trailing Spaces
- Output Colorizer
- Path Intellisense
- Path Autocomplete
- One Monokai Theme
- Material Icon Theme
- Log File Highlighter
- Rainbow Brackets
- Indent Rainbow
- Pigment
- Auto Rename Tag
- Beautify
- Better Comments
- 文档书写 - Readme
- 数据查询 - SQL
- 实用工具 - Tool
5. 参考链接
送人玫瑰,手有余香!