安装
使用
技巧
启动
直接在终端下使用 VS Code 打开指定文件夹,首先要安装 Shell Command: Install 'code' command in PATH
,待安装完成后:
- 直接在终端输入:code
- 或者指定文件夹:code /
自动保存
菜单栏 - 文件 - 自动保存
修改设置 “files.autoSave”: “onWindowChange”,
即当离开 VS Code 界面时,则自动存档
- files.autoSave
- “off”:关闭自动保存
- “afterDelay”:延时保存
- “files.autoSaveDelay”:设置延时多久保存
- “onFocusChange”:焦点离开文档保存
- “onWindowChange”:焦点离开 VS Code 后保存
禅模式
- 修改居中布局
快捷键
- Command : ⌘
- Option : ⌥
- Control: ⌃
- Shift : ⇧
- ⌃ Q : Quick Open 视图
- ⌘ ⇧ P : 所有命令
- ⌘ ⇧ O : 打开文件
- 打开快捷键命令:Command + k, Command + s
- 颜色主题:Command + K Command + T
- 禅模式:Command + K + Z
- 放大:Command + +
- 缩小:Command + -
- 匹配所有选中项:Command + Shift + L
活动栏
-
边栏:Command + B
- 扩展:Command + Shift + X
- 搜索:Command + Shift + F
- 运行调试:Command + Shift + D
- 资源管理器:Command + Shift + E
- 源代码管理:Control + Shift + G
-
面板:Command + J
- 输出:Shift + command + U
- 问题:Shift + Command + M
- 终端:Control + `
-
Command + Shift + D: 运行调试
-
Command + Shift + E: 资源管理器
-
Command + Shift + F: 搜索
-
Command + Shift + G: 代码管理(自定义)
-
Command + Shift + X: 扩展
外观显示
- Command + J: 显示面板
- Command + Shift + M: 问题
- Command + Shift + U: 输出
- Command + Shift + Y: 调试控制台
- Command + Shift + C: 终端 #自定义
功能
- Command + Shift + i : 打开外部终端 #自定义
查找
- 编辑器
- 搜索:Command + F
- 替换:Command + Option + F
- 资源管理器
- 查找:Command + Shift + F
- 替换:Command + Shift + H
- 编辑器
- 编辑器组:Command + 1
编辑器
编辑器即窗口
- 切换
- 上一窗口:Command + Shift + [
- 下一窗口:Command + Shift + ]
- 移动
- 第一组:Command + 1
- 上一窗口:Command + Ctrl + ->
- 下一窗口:Command + Ctrl + <-
- 最后一组:Command + 0
- 布局
- 水平/垂直:Command + Option + 0
插件
安装方法
- 按住
Com + Shift + X
打开扩展界面,然后输入要安装的扩展名 - 或者按住
Com + Shift + P
,然后输入ext install 扩展名
扩展推荐
- C S + P,输入
show Recommender Extersion
,查看推荐安装的扩展
通用
- advanced-new-file:快速创建文件(对应目录)
- cmd+alt+n
Web
Volar:Vue 官方推荐的 VSCode 扩展 Vue
Vue VSCode Snippets:Vue 代码片段生成 Vue
Auto Close Tag:HTML 标签自动闭合 HTML
- Prettier for VSCode:代码格式化工具
- EditorConfig for VSCode:协作规范
- ESLint for VSCode:代码检查
已安装扩展
- Python 2018.6.0
- vim 0.14.1:支持 Vim 快捷键
- Path Intellisense:路径补全
- Material Theme:主题
- Markdown All in One:Markdown 插件
- Chinese (Simplified):中文语言包
- Excel Viewer:预览 .xlsx 和 .csv 文件
- advanced-new-file 使用命令在任意位置新建文件或文件夹
- Code Runner 运行 Python Go JS 等代码
配置
常用
- Word Wrap: 配置自动换行
针对语言进行配置
在 json 文件中增加:
禁用隐私报告
修改设置项:
“telemetry.enableTelemetry”: false
崩溃报告:
设置代码长度
在一定字符后显示标尺
“editor.rulers”: [80]
设置在资源管理器中新建文件的快捷键
// - explorer.newFile
- 打开最近文件或指定文件
修改聚焦于终端和运行 Python 快捷键
-
去掉右上角缩略图
- “editor.minimap.enabled” false
-
显示所有空格字符
- “editor.renderWhitespace”: “all”,
-
修改终端字体
- “terminal.integrated.fontFamily”: “Source Code Pro for Powerline”,
-
隐藏小地图
- “editor.minimap.enabled”: false,
-
在资源管理器隐藏指定文件夹
- files.exclude
-
资源管理器排序
-
换行
-
更改语言
-
更改行号宽度
- “editor.lineNumbersMinChars”: 1, “editor.glyphMargin”: false, “editor.folding”: false,
-
Live-Share Debugging
- 设置启用
Allow Guest Debug Control
选项
- 设置启用
信息
版本区别
稳定版每月更新一次,而 Insiders 版每天都会更新,比较适合尝鲜。说要说明的是两个版本是可以共存的,并且共享配置插件。
除了稳定版,Visual Studio Code 还提供了一个 Insiders 版本。Insiders 版本与稳定版的最大区别就是更新周期。稳定版每个月更新一次,而 Insiders 版本每天都会更新。Insiders 版本的用户可以更快地获取到最新的功能及 bug 修复,而不用等待一个月的时间。这很适合喜欢尝鲜的用户。此外,Insiders 版本还有一个好处,它可以与稳定版在同一台机器上并存,而且用户配置、颜色主题、快捷键设置、插件等都是相互独立的。