【VSCode】VSCode使用技巧汇总

目录

• 1. 快捷操作
  • 1.1. 快捷键
• 2. 扩展
  • 2.1. 主题
  • 2.2. Markdown 编写
    • 2.2.1. 格式等
    • 2.2.2. 图床 PicGo + GitHub
  • 2.3. 代码对比
  • 2.4. MySQL
• 3. 设置项–配置文件
  • 3.1. 字体更改
  • 3.2. 快捷键
• 4. 代码查看与编辑
  • 4.1. 快捷键
  • 4.2. 代码编辑
• 5. 补充
  • 5.1. CDN加速
    • 5.1.1. jsDelivr
    • 5.1.2. 腾讯、阿里 CDN

---

1. 快捷操作

1.1. 快捷键

1. 常用快捷键

   快捷键	解释
   Alt+←	navigate back
   Alt+→	navigate forward
   切换 头文件源文件	alt+O
   打开/关闭 侧边栏	Ctrl+B
   查找指定文件	非编辑状态下，Ctrl+P
   复制 当前行到下一行	Alt+Shift+下键（上下左右的下）
   打开 终端	ctrl + `

2. 编辑类

   快捷键	解释
   ctrl+shif+k	删除行
   复制当前行	空选状态下，Ctrl+C
   复制 当前行到下一行	Alt+Shift+下键（上下左右的下）
   打开 终端	ctrl + `
   ==== 删除 ====
   删除当前行	ctrl+shift+k
   列选择	alt shift 左键选择

---

2. 扩展

使用的扩展；

2.1. 主题

• 图标：vscode-icons
• 主题：One Dark Pro

2.2. Markdown 编写

2.2.1. 格式等

• 编译：Markdown All in One
• 目录：Markdown Toc
• 预览：Markdown Preview Enhanced
• 图床：PicGo + github
• 自动编号：Markdown TOC 1.5.6

注：

1. 貌似 扩展自带 编号等功能，但需要自定义快捷键；

2.2.2. 图床 PicGo + GitHub

1. CDN 加速github
   

2.3. 代码对比

• gitlen
  查看编写历史 – 人员信息；

2.4. MySQL

参考：

1. 在vscode上使用MySQL

• 编译
  SQLTools - Database tools

• 关键字大写
  Upper Case SQL

• 语法高亮
  MySQL Syntax

---

3. 设置项–配置文件

3.1. 字体更改

• 默认设置
  Consolas, ‘Courier New’, monospace

• 修改配置

  1. Microsoft YaHei Mono, ‘Microsoft YaHei Mono’, monospace 　– 推荐
  2. Consolas, ‘Courier New’,‘Dengxian’

3.2. 快捷键

快捷键	解释
ctrl+shif+k	删除行
Ctrl k Ctrl L	语言模式修改(自定义)

1. 自动识别文件的编码格式：

   1. files.autoGuessEncoding": true
   2. 设置–autoGuessEncoding–勾选；

2. 使用git工具

   1. 使用快捷键快速打开终端;
   2. 选择默认的shell语言为: git-bash
   3. 使用git工具推送代码;

3. 显示空格 Tab键

   1. 空格
      在搜索框中输入renderWhitespace,选择all,即可显示空格；

   2. Tab键
      设置项中搜索 renderControlCharacters ，打勾即可显示Tab；

---

4. 代码查看与编辑

4.1. 快捷键

命令	解释
折叠所有代码块	Ctrl K Ctrl 0
折叠其他级别代码块	Ctrl K Ctrl 数字
展开所有代码块	Ctrl K Ctrl J

4.2. 代码编辑

---

5. 补充

5.1. CDN加速

• 默认 GiiHub连接

  自定义域名：
  https://raw.githubusercontent.com/VK-Link/Markdown/master
  

5.1.1. jsDelivr

jsDelivr是一款公共免费 CDN ，调用多家 CDN 保证全球服务质量、拥有多层缓存和灾后保障 SLA 100 。也是为数不多的有 ICP 备案，提供许多中国节点的海外 CDN 服务商。

• 网址：jsdelivr
  https://www.jsdelivr.com/?docs=gh

• 配置：
  https://cdn.jsdelivr.net/gh/user/repo@version/file

  • version：master --分支；
    https://cdn.jsdelivr.net/gh/VK-Link/Markdown@master/imgs_for_blogs

  演示图片：B站-小琪
  

参考：

1. 使用 jsDelivr 来优化网站访问速度　　#原理解释

5.1.2. 腾讯、阿里 CDN

• 腾讯

  国内CDN加速需要备案；

参考：

1. Github Pages + CDN全站加速　　#配置方法；