Maoyl's blog Maoyl's blog
首页
  • 前端基础

    • HTML
    • CSS
    • CSS动画
    • JavaScript文章
    • stylus
  • 性能优化

    • 《性能优化》笔记
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《JavaScript设计模式》笔记
    • 《TypeScript 从零实现 axios》
    • TypeScript笔记
    • JS设计模式总结笔记
  • 前端框架

    • Vue相关
    • React相关
  • 前端监控

    • 前端监控简介
  • 学习笔记

    • 《Vue》笔记
    • 《React》笔记
    • 小程序学习笔记
  • 后端基础

    • Nodejs
  • 学习笔记

    • 数据结构
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • 网页性能
  • 学习笔记

    • 《Git》学习笔记
    • 《Vim》学习笔记
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

maoyln

日日行,不怕千万里
首页
  • 前端基础

    • HTML
    • CSS
    • CSS动画
    • JavaScript文章
    • stylus
  • 性能优化

    • 《性能优化》笔记
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《JavaScript设计模式》笔记
    • 《TypeScript 从零实现 axios》
    • TypeScript笔记
    • JS设计模式总结笔记
  • 前端框架

    • Vue相关
    • React相关
  • 前端监控

    • 前端监控简介
  • 学习笔记

    • 《Vue》笔记
    • 《React》笔记
    • 小程序学习笔记
  • 后端基础

    • Nodejs
  • 学习笔记

    • 数据结构
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • 网页性能
  • 学习笔记

    • 《Git》学习笔记
    • 《Vim》学习笔记
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
  • 友情链接
关于
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 简介

  • vim

    • 起步
    • 相关命令的知识
    • 认识vim语法
    • 删改重做命令提升效率
    • 认识可视化模式
    • 什么是文本对象
    • 快速移动
    • 掌握搜索命令
    • vim-easymotion
    • 数字与'.'的威力
    • 多文件跳转
    • vim-surround
    • 字符替换和多文本选中
    • 大小写、注释与提示
      • 大小写转换
      • 注释
      • 显示悬浮提示
      • 练习
    • 窗口管理大法
    • 快速删除一个函数
    • vim的宏操作
    • 调用vscode命令
  • vscode

  • 《Vim》学习笔记
  • vim
maoyln
2022-06-19
目录

大小写、注释与提示

# 得力辅助:大小写转换、注释与显示悬浮提示

# 大小写转换

在之前的训练开始前的准备中提到的改改键中,我们提到把 control 键与 caps lock 键互换,因为在大部分要输入大写的时候,我们都可以通过 shift + [字母] 来达到一样的效果;

  • gu:变小写
  • gU:变大小
  • ~:大小写互换

gu gU 后面可接 motion ,比如 gue 就可以把光标到单词末尾的字符变成小写,而 gUiw 就可以把当前单词变成全大写;与 d c 等操作符是一样的用法。而在 visul mode 中,我们可以直接使用 u U,即选中了一段文本后可以直接用这两个命令把所有的字母转换成大写或小写。

# 注释

平时在 vscode 中,注释的快捷键是 command + /,其实也能用,不过 vim 的注释命令除了单行注释、多行注释,还可以选中了行内的文本后进行行内注释;命令如下:

  • gc:单行注释,和 command + / 的效果一样;如在 js 文件中注释时是 // 开头
  • gC:多行注释,如在 js 文件中注释时是被 /* */ 包裹

而且,这个命令在 visual mode 和 normal mode 是通用的。

# 显示悬浮提示

在日常开发中,我们常常会需要查看一些代码中的报错、警告或者一些代码提示等,但是大部分的编辑器,如 vscode,都是需要用鼠标移到被标记的代码中才能让悬浮提示框显示出来,而 vim 提供了一个命令,可以达到鼠标划入光标所在单词的效果,它就是 gh。记忆它也很简单,就记住 “h for hover”,即 h 是指 “hover” 的意思,我相信前端开发的小伙伴应该都能快速记住这个指令。

# 练习


function myTest() {
  const atest = 1;
  const btest = 2;
  const ctest = 3;
}

1
2
3
4
5
6
7
编辑 (opens new window)
#Vim
上次更新: 2025/04/18, 01:42:12
字符替换和多文本选中
窗口管理大法

← 字符替换和多文本选中 窗口管理大法→

最近更新
01
GSAP动画库——如何高效写动画
04-17
02
自适应方案PxToRem
09-10
03
性能优化-requestAnimationFrame
08-10
更多文章>
Theme by Vdoing | Copyright © 2019-2025 备案号:京ICP备19058102号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式