VS Code常用快捷键及插件

  • A+
所属分类:有好物
摘要总结一下VS Code常用的快捷键,也是方便自己之后的查找和使用吧。最近在听民国那些事的电台,深感自己现在读书内容很狭隘,需要各种种类的书都看一下,之后有空会分享在这里,也是对自己的一种督促。

前言

这一篇文章介绍一下VS Code的常用的快捷键,VS Code我自己很常用,在文章Python入门教程[0]–教程说明中,我也是推荐了VS Code。所以,这一篇,我会介绍一下常用的快捷键,增加使用的效率。

VS Code常用快捷键及插件

下面是几个我参考的链接:

介绍

下面就介绍一下常用的快捷键,就慢慢更新,写一些我自己用到的。

多光标

Alt + 鼠标点击 :可以进行多光标操作

Alt + Ctrl + Shift + 方向键 : 如果觉得上面进行鼠标点击太麻烦,可以使用这一种方式,看一下下面演示效果:

VS Code常用快捷键及插件

Ctrl + D点击一次选中当前关键词,点击两次选中两个相同的关键词,并在关键词处有多光标,依次类推(下面gif是摁多次Ctrl + D的结果,做gif帧率调的低了,没能显示出过程);

VS Code常用快捷键及插件

Ctrl + D ,Ctrl + F2 :选中所有相同的关键词,并在关键词处有多光标;

VS Code常用快捷键及插件

选中一行

ctrl +i : 选择一行

移动到行尾,行首

ctrl + 方向键(上下左右):ctrl+右移到行末,其他类比;

 

插件

一些通用的插件

拼写检查, SpellRight (十分推荐)VS Code拼写检查插件–SpellRight, 这个和 latex 结合使用十分好。

Excel Viewer (十分推荐), 可以非常方便的查看 csv 文件。这个只能进行预览,不能修改,不过预览的功能已经非常足够了。

VS Code常用快捷键及插件

Error Lens (十分推荐), 在使用vscode调试的时候, 可以直接将报错显示在文件中. 这样看报错信息真的十分清楚. 包括下面语法检查, 哪些变量没有使用也会直接在代码后面标注出来.

VS Code常用快捷键及插件

Bracket Pair Colorizer 2 (十分推荐), 对不同的括号使用不同颜色显示, 并有连接线进行显示. 可以看到下图, 不同的括号有不同的颜色显示, 同时点击到一个括号的位置, 会有下标线连接.

VS Code常用快捷键及插件

indent-rainbow (一般推荐), 可以使得不同的缩进有不同的颜色效果. 大致效果如下所示. 我是因为不喜欢太多的颜色, 所以自己是没有使用的.

VS Code常用快捷键及插件

Python Docstring Generator (十分推荐), 可以自动帮助我们生成要写的函数的说明的格式. 可以根据我们定义的函数的参数, 和return生成相应的说明的格式.

VS Code常用快捷键及插件

vscode-icons (十分推荐), 可以是的vscode侧边栏的文件显示有图标. 这个在找文件的时候真的特别特别的方便.

VS Code常用快捷键及插件

Power Mode (十分推荐), 可以在vscode中出现打字特效. 在安装完毕之后, 需要进入在settings.json中进行编辑, 在最后一行加入"powermode.enabled": true, 进行插件的开启. 如果窗口有出现抖动, 可以在settings.json中添加, "powermode.shakeIntensity": 0. 最后, 不同的可以通过设置来设置不同的效果"powermode.presets": "fireworks". 参考资料, Vscode 打字特效插件Power Mode安装使用说明

下图可以看到, 在打字的时候, 会出现烟花的特效.

VS Code常用快捷键及插件

Partial diff, 比较两段文本有哪些地方不同. 使用方法为, 选中要进行比较的内容, 右键, 选择进行比较, 或是与之前选择的进行比较.

VS Code常用快捷键及插件

change-case, 可以将函数名改成不同的格式. 在vscode中, 使用Ctrl+Shift+P, 输入change-case command, 然后选择需要改变的样式即可. 下面是一些可以修改的样式.

VS Code常用快捷键及插件

 

自动生成gitignore文件

通过vscode的插件, gitignore (十分推荐)来完成gitignore文件的生成.

VS Code常用快捷键及插件

安装完毕之后, 使用Ctrl+Shift+P打开命令, 搜索Add gitignore.

VS Code常用快捷键及插件

之后选择语言, 进行添加即可.

VS Code常用快捷键及插件

 

自动生成文件头部注释和函数注释

使用插件koroFileHeader (十分推荐), 自动生成文件头部注释和函数注释的插件. 这款插件还是国人做的, 也做得非常好, 所以强烈推荐. 详细的文档链接为, koroFileHeader的相关说明文档. 下面简单看一下相关的使用说明.

使用之前需要进行简单的配置. 我们在setting中搜索fileheader, 有如下的显示:

VS Code常用快捷键及插件

进入设置之后, 我们就可以按照配置文件进行修改, 完整的配置文件说明可以查看链接, 配置字段. 注意修改想要的语言.

关于想要的头部设置, 可以增加如下的配置:

  1. // 头部注释
  2. "fileheader.customMade": {
  3.     // 头部注释默认字段
  4.     "Author": "WANG Maonan",
  5.     "Date": "Do not edit", // 设置后默认设置文件生成时间
  6.     "Description": "",
  7.     "LastEditTime": "Do not edit", // 设置后,保存文件更改默认更新最后编辑时间
  8. },

下面是完整的配置文件, 可以对照着setting文件, 哪里不懂看哪里.

  1. // 头部注释
  2. "fileheader.customMade": {
  3.     // 头部注释默认字段
  4.     "Author": "your name",
  5.     "Date": "Do not edit", // 设置后默认设置文件生成时间
  6.     "LastEditTime": "Do not edit", // 设置后,保存文件更改默认更新最后编辑时间
  7.     "LastEditors": "your name", // 设置后,保存文件更改默认更新最后编辑人
  8.     "Description": "",
  9.     "FilePath": "Do not edit", // 设置后,默认生成文件相对于项目的路径
  10.     "custom_string_obkoro1": "可以输入预定的版权声明、个性签名、空行等"
  11. },
  12. // 函数注释
  13. "fileheader.cursorMode": {
  14.   // 默认字段
  15.   "description":"",
  16.   "param":"",
  17.   "return":""
  18. },
  19. // 插件配置项
  20. "fileheader.configObj": {
  21.     "autoAdd": true, // 检测文件没有头部注释,自动添加文件头部注释
  22.     "autoAddLine": 100, // 文件超过多少行数 不再自动添加头部注释
  23.     "autoAlready": true, // 只添加插件支持的语言以及用户通过`language`选项自定义的注释
  24.     "supportAutoLanguage": [], // 设置之后,在数组内的文件才支持自动添加
  25.    // 自动添加头部注释黑名单
  26.    "prohibitAutoAdd": [
  27.       "json"
  28.     ],
  29.     "prohibitItemAutoAdd": [ "项目的全称禁止项目自动添加头部注释, 使用快捷键自行添加" ],
  30.     "wideSame": false, // 头部注释等宽设置
  31.    "wideNum": 13,  // 头部注释字段长度 默认为13
  32.    // 头部注释第几行插入
  33.     "headInsertLine": {
  34.       "php": 2 // php文件 插入到第二行
  35.     },
  36.     "beforeAnnotation": {}, // 头部注释之前插入内容
  37.     "afterAnnotation": {}, // 头部注释之后插入内容
  38.     "specialOptions": {}, // 特殊字段自定义
  39.     "switch": {
  40.       "newlineAddAnnotation": true // 默认遇到换行符(\r\n \n \r)添加注释符号
  41.     },
  42.     "moveCursor": true, // 自动移动光标到Description所在行
  43.     "dateFormat": "YYYY-MM-DD HH:mm:ss",
  44.     "atSymbol": "@", // 更改所有文件的自定义注释中的@符号
  45.     "atSymbolObj": {}, //  更改单独语言/文件的@
  46.     "colon": ": ", // 更改所有文件的注释冒号
  47.     "colonObj": {}, //  更改单独语言/文件的冒号
  48.     "filePathColon": "路径分隔符替换", // 默认值: mac: / window是: \
  49.      "showErrorMessage": false, // 是否显示插件错误通知 用于debugger
  50.     "CheckFileChange": false, // 单个文件保存时进行diff检查
  51.     "createHeader": true, // 新建文件自动添加头部注释
  52.     "useWorker": false, // 是否使用工作区设置
  53.     "typeParam": true, // 选项用于控制函数注释参数是否需要{type}, 默认需要
  54.     "designAddHead": false, // 添加注释图案时添加头部注释
  55.     "headDesignName": "random", // 图案注释使用哪个图案
  56.     "headDesign": false, // 是否使用图案注释替换头部注释
  57.      // 自定义语言注释符号,覆盖插件的注释格式
  58.     "language": {
  59.         "java": {
  60.             "head": "/$$",
  61.             "middle": " $ @",
  62.             "end": " $/"
  63.         },
  64.        // 一次匹配多种文件后缀文件 不用重复设置
  65.        "h/hpp/cpp": {
  66.           "head": "/*** ", // 统一增加几个*号
  67.           "middle": " * @",
  68.           "end": " */"
  69.         },
  70.         // 针对有特殊要求的文件如:test.blade.php
  71.         "blade.php":{
  72.           "head": "<!--",
  73.           "middle": " * @",
  74.           "end": "-->",
  75.         }
  76.     },
  77.  // 默认注释  没有匹配到注释符号的时候使用。
  78.  "annotationStr": {
  79.       "head": "/*",
  80.       "middle": " * @",
  81.       "end": " */",
  82.       "use": false
  83.     },
  84. }

设置好配置文件之后, 我们摁住Ctrl+Shift+P, 选择fileheader即可.

VS Code常用快捷键及插件

最后的效果如下所示:

VS Code常用快捷键及插件

 

Python代码格式化

使用yapf来对Python代码进行格式话. 首先安装yapf.

  1. pip install yapf

接着在vscode中, 依次点击, File—Preferences—Settings. 接着搜索框中搜索python.formatting.provider, 之后选择yapf即可.

VS Code常用快捷键及插件

之后, 选择要格式话的文本, 右键选择Format Selection即可. 我们也可以对整个文本进行格式话, 选择Format Document即可.

VS Code常用快捷键及插件

特殊功能的插件

hexdump for vscode:用来查看二进制文件

Graphviz Interactive Preview: 用来预览dot文件.

我们可以对生成的dot文件进行修改, 首先下载VS Code插件, Graphviz Interactive Preview. 这个插件可以预览dot文件的信息. 安装完毕之后, 使用Ctrl+Shitf+P, 打开命令, 输入Graphviz Interactive即可.

VS Code常用快捷键及插件

之后我们的dot文件就能够可视化进行显示:

VS Code常用快捷键及插件

 

VS Code完成Python代码测试

这一部分参考自, Python testing in Visual Studio Code. 这里有一份中文的说明也可以参考, 用 VS Code 进行 Python 单元测试.

在使用vscode的时候, 当安装了Python的插件之后, 我们就可以进行单元测试了. 首先打开setting.json文件, 在里面添加下面的设置 (需要确保pytest是安装的)

  1. "python.testing.pytestEnabled": true,

之后返回主界面, vscode会自动检测出所有文件名有test_的文件, 包括里面的测试函数. 我们可以每一个单独进行测试, 测试通过之后会有绿色的小勾.

VS Code常用快捷键及插件

同时测试函数的上面也有快捷按钮, 可以点击进行测试.

VS Code常用快捷键及插件

 

VS Code与Jupyter Notebook结合

我们在vscode的任意位置, 输入#%%即可对某个位置直接进行运行.

VS Code常用快捷键及插件

现在 vscode 已经可以直接打开 jupyter notebook 了。当安装好 Python 插件最新版后,使用快捷键 Ctrl+Shift+P 调出 Command Palette,然后输入 "Python: Create New Blank Jupyter Notebook" ,就能创建一个新的 Jupyter Notebook。

 

问题

关于vscode使用tab无法缩进问题

点击File-->Preferences-->Key board shortcuts页面中点击打开keybindings.json文件, 把所有的内容进行注释. 可以点击下面的按钮进行json格式的文件.

VS Code常用快捷键及插件

接着在setting中搜索 Detect Indentation, 取消勾选这一项即可.

VS Code常用快捷键及插件

参考链接: vscode tab不能缩进

结语

快捷键有很多,我在这里也是记录一下我自己常用的,方便自己之后的使用。现在给自己一点要求,每周都要能更新一到两篇,每周都把自己学到的总结一下。

  • 微信公众号
  • 关注微信公众号
  • weinxin
  • QQ群
  • 我们的QQ群号
  • weinxin
王 茂南

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: