Vscode快捷命令操作小技巧

225 阅读2分钟

前言

分享几个平时编码过程中, 常用的几个快捷命令. 这里以枚举注释定义举例, 介绍一下实际操作效果.

export enum PersonEnum {
  NAME = '李四', // 姓名
  AGE = '24', // 年龄
  SEX = '男' // 性别
}

首先定义了一个人员信息枚举定义, 但是它的注释方式采用的是 行内注释, 这样的注释在使用枚举值的时候, 是无法获取到TS提示的.

a.png

因此我们需要将行内注释,替换成 块注释 就像这样

export enum PersonEnum {
  /** 姓名  */
  NAME = '李四',
  /** 年龄  */
  AGE = '24',
  /** 性别  */
  SEX = '男'
}

此时就能获取到ts的提示了.

c.png

在平时的编码中, 肯定是不能一行一行的去修改注释, 因为实际的代码枚举可能多达几十行, 挨着去修改,太费时费力了, 作为一名优秀的程序员, 肯定得会使用一些快捷命令小技巧的,来帮忙实现快速修改的.

实际操作

快捷命令操作演示

20230816130649_rec_.gif

演示图中主要实用了以下几个命令 (命令都是在mac下使用)

第一步: 批量生成多个光标, 使其能够同时操作多行

option + cmd+ ⇧ / ⇩

Untitled.gif

第二步: 移动光标到注释前面 , 有两种操作,

  • 按照元素逐步移动光标

option + ⇦ / ⇨

20230816125335_rec_.gif

  • 也可以先直接移动到该行的结尾, 然后再逐步移动光标到注释前面

cmd + ⇦ / ⇨ + option + ⇦ / ⇨

20230816125523_rec_.gif

第三步: 选中光标后的所有内容, 然后剪切

ctrl + shift + e + cmd+x

20230816125621_rec_-convert.gif

选中光标前的所有内容 : ctrl + shift + a

第四步: 将光标向上移动一行, 在该行下面增加空白行, 粘贴注释内容

cmd+回车

20230816130044_rec_-convert.gif

实用命令推荐

下划线转驼峰

插件名称: CamelCase

插件地址: marketplace.visualstudio.com/items?itemN…

使用方式:

  • MAC cmd+control+c
  • window ctrl+alt+c

大小写转换

  • 小写转换: ctrl+shift+i
  • 大写转换: ctrl+shift+u

结语

希望本次分享的快捷命令能够帮助到大家提升开发效率, 后续也会持续更新一些好用的命令

最后也欢迎👏大家将自己常用的快捷命令评论在下方