2

visual studio code以下简称vsc。
vsc这个编辑器也火了一会了,最近在跟风学一波typescript,网络上很多人说vsc是最适合ts的编辑器,而且这个编辑器本身也很好用,所以学一下,在这篇文章里记录一下学习的过程,比如快捷键,如何debug,如何跑任务和一些奇淫技巧等。慢慢更新,工作用的是windows,移动办公用的是mac,所以两种快捷键都会慢慢的更新上去。

快捷键

这里主要就是实验F1上的快捷键,一些我认为没用的我就不列出来了。

  • 向上(下)复制行 shift + alt + top(down)

  • 向上(下)移动行 alt + top(down)

  • 新建一个窗口 ctrl + shift + N

  • 行增加缩进 ctrl + [

  • 行减少缩进 ctrl + ]

  • 撤销修改 ctrl + z

  • 撤销撤销修改 ctrl + shift + z

  • 裁剪尾随空格(去掉一行的末尾那些没用的空格):ctrl + shift + x
    图片描述

强烈建议把这个启用,这样保存的时候就会自动删掉那些没用的空格,在很多公司的代码规范里都是不允许存在这些空格的。

  • 显示隐藏侧边栏:ctrl + B

  • 拆分编辑器(最多拆分成三块):ctrl + \
    按ctrl + 1(2,3)就可以在拆分后的编辑器里切换

图片描述

  • 方法缩小 ctrl +(-)

  • 关闭编辑器 ctrl + W(F4)

  • 切换编辑器 ctrl + shift + left(right)
    也可以用 ctrl+1(2,3)

  • 显示和隐藏侧边栏 ctrl + B

  • 切换全屏 F11

  • 切换自动换行 alt + Z
    这个还是很有用的,有时候我们的屏幕不够大,可是代码没有自动换行,所以被遮住的代码就会看不到,但是你用这个快捷键就可以换行看到了。这个我是在用户设置里面设置成自动换行的。

图片描述

  • 显示Git ctrl + shift + G
    前提是你的项目必须是一个git项目

  • 启动调试 ctrl + shift + D

修改用户设置

把默认的用户设置成适合我们自己的还是很重要的。
也很简单,文件 - 首选项 - 用户设置,然后出来左边的默认设置是不能改的,需要在右边settings.json中覆盖。
图片描述

修改快捷键

文件 - 首选项 - 键盘快捷方式,和修改用户设置的时候一样,找到你要修改的快捷键名字,右边覆盖就可以了,一些还没有绑定快捷键的功能可以在左边的最下面看到,然后快捷键的名字就是这个。
图片描述

具体点:
图片描述


Jax2000
1.9k 声望295 粉丝

前端开发,热爱钻研,擅长Angular(ionic)1 2,Node,rxjs