Henry Henry
  • JavaScript
  • TypeScript
  • Vue
  • ElementUI
  • React
  • HTML
  • CSS
  • 技术文档
  • GitHub 技巧
  • Nodejs
  • Chrome
  • VSCode
  • Other
  • Mac
  • Windows
  • Linux
  • Vim
  • VSCode
  • Chrome
  • iTerm
  • Mac
  • Obsidian
  • lazygit
  • Vim 技巧
  • 分类
  • 标签
  • 归档
  • 网站
  • 资源
  • Vue 资源
GitHub (opens new window)

Henry

小学生中的前端大佬
  • JavaScript
  • TypeScript
  • Vue
  • ElementUI
  • React
  • HTML
  • CSS
  • 技术文档
  • GitHub 技巧
  • Nodejs
  • Chrome
  • VSCode
  • Other
  • Mac
  • Windows
  • Linux
  • Vim
  • VSCode
  • Chrome
  • iTerm
  • Mac
  • Obsidian
  • lazygit
  • Vim 技巧
  • 分类
  • 标签
  • 归档
  • 网站
  • 资源
  • Vue 资源
GitHub (opens new window)
  • 说明
  • Vim

  • VSCode

    • vscode-说明
    • vscode-01-操作文件
    • vscode-02-操作多个 vscode 窗口
    • vscode-复习 -1
    • vscode-03-掌握搜索
    • vscode-04-编码 ing
    • vscode-05-发现使用快捷键的场景
    • vscode-06-搞定 git
    • vscode-复习 -2
    • vscode-07-snippets
    • vscode-08-重构
      • 任务点
        • 重构提示快捷键
        • 常用重构命令
        • 重构插件
      • 社群讨论
    • vscode-09-VSpaceCode(WhichKey)
    • vscode-复习 -3
    • vscode-10-终端
    • vscode-11-debug
    • vscode-复习 -4
  • Chrome

  • iTerm

  • mac

  • Obsidian

  • lazygit

  • 学习双拼
  • Vim 技巧

  • 键盘侠
  • VSCode
Henry
2022-07-02
目录

vscode-08-重构

# 任务点

# 重构提示快捷键

  • ctrl + shift + r: 显示和重构相关的命令
  • cmd + .: 包含重构及其他命令

# 常用重构命令

  • 重命名
  • 提炼一个函数(全局、内部)
  • 提炼一个变量,即常量变变量
  • 反提炼一个变量,即变量变常量
  • 引号变为模版字符串
  • 创建函数
  • 创建变量
  • function 函数与箭头函数互转
  • if/else 与三元表达式互转

内外平衡:

JavaScript Booster: 使用 javascriptBooster.extendSelection and javascriptBooster.shrinkSelection

vim: 使用 vaf 或 vii

# 重构插件

  • Abracadabra, refactor this! - Visual Studio Marketplace (opens new window)
  • Hocus Pocus - Visual Studio Marketplace (opens new window)
  • JavaScript Booster - Visual Studio Marketplace (opens new window)

注:如果没有重构提示,检查是否有语法报错

# 社群讨论

Abracadabra 的 inline variable 好像不能放在变量调用的地方用

对 只能在声明处

这个插件的作者还出了本 重构的书

这本吗

是这本 他这个插件实现的也挺有意思   视图和逻辑拆分的挺好


extend selection 的 af 是哪个插件提供的功能?

vim

Vim 下默认 a 会进入 insert

先 v,必须在可视化模式

学到了,依此类推还可以 va{a{a{,vabababab

vim 文档里没有找到 f 这个 object

看来是 VSCodeVim 提供的

对 他自己实现的

编辑 (opens new window)
上次更新: 5/27/2023, 1:02:05 PM
vscode-07-snippets
vscode-09-VSpaceCode(WhichKey)

← vscode-07-snippets vscode-09-VSpaceCode(WhichKey)→

最近更新
01
version 1.15
07-01
02
version 1.14
06-27
03
version 1.13
06-27
更多文章>
Theme by Vdoing | Copyright © 2017-2023 HenryTSZ | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式