玩转VS Code

690 阅读3分钟

学习新的编辑器方法:

第一步:了解编辑器的快捷键和语言支持,快捷键值得多花时间; 第二步:开始挑剔编辑器的其他组件,但凡是跟自己的工作习惯或者工作流不匹配的,就会想办法换掉它,这是个做减法的过程; 第三步:最后一步,就是自己学习写插件了,编辑器本身的功能和社区不能够完全满足自己的需求,本着“麻烦别人不如磨炼自己”的精神,我开始自己动手。

code 命令行

ode --help 打印命令行所支持的所有参数;code 命令后加上文件或文件夹的地址,vscode 会在一个新窗口打开这个文件或文件夹;code 命令后添加参数-r 可以进行窗口的复用;code -r -g 文件名:行数 打开某个文件并自动跳到某一行;code -r -d 文件 1 文件 2 比较两个文件的内容;ls | code -r - 在编辑器里显示当前项目目录下所有的文件名;

基本键盘操作

Ctrl(Option) 键搭配方向键,home,end 主要是针对光标的移动; shift 键搭配方向键,home,end 主要是针对文本的选择; 快捷键进阶ctrl+shift+k (Cmd+shift+k) 删除当前代码行;ctrl+x/c/v (Cmd+x/c/v) 剪切/复制/粘贴当前代码行;ctrl+enter/ctrl+shift+enter(Cmd+enter/Cmd+shift+enter) 在当前行的下面或者上面开始一段新的代码;Alt+上下方向键(Option+上下方向键) 上下移动当前行。如果同时按住 shift,则是上下复制当前行;Alt+shift+f(Option+shift+f) 对整个文档进行格式化(插件也可以);ctrl+shift+p —— 转置游标处的字符(ctrl+t) 调换字符位置;ctrl+shift+p —— 转换为大写/小写 调整字符大小写;ctrl+shift+p —— 合并行(ctrl+j) 合并代码行;ctrl+shift+p —— 按升/降序排列行;ctrl+u(cmd+u)撤销光标的移动和选择;

小技巧

(1).批量重命名:选中变量/方法名,按 f2,编辑新名字。所有相关的实例名字都会被修改。

!多光标

按住 alt(option)点击,可以创建多个光标; 选中第一个后,按 ctrl+D(cmd+D) 处理多次出现的相同内容;

文件,符号,代码之间跳转

ctrl+shift+o(cmd+shift+o)当前文件里所有符号。在@后输入:会将所有符号进行分类;ctrl+t(cmd+t) 在所有打开的文件中搜索符号;ctrl/F12 跳转到函数定义的位置;shift+f12 打开函数引用预览;

书写 code snippet(代码片段)代码片段:

将一段常用代码抽象成模板。直接调用即可。

  1. ctrl+shift+p 打开命令面板,搜索“配置用户代码片段”回车打开。在列表选择语言;eg:JavaScript
  2. 这时打开一个下图的 JSON 文件,我们把 7-14 行取消注释