开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

vim:插件,允许我从开始div跳到HTML中的结束div？

vim是一款强大的文本编辑器，它支持各种插件来扩展其功能。对于你的问题，有一个插件可以帮助你从开始div跳到HTML中的结束div，那就是vim-surround插件。

vim-surround插件允许你在文本中添加、修改和删除包围字符，包括HTML标签。你可以使用该插件来快速添加div标签，并且可以通过快捷键跳转到开始div和结束div之间。

以下是使用vim-surround插件的步骤：

安装vim-surround插件。你可以通过在终端中运行以下命令来安装该插件：git clone https://github.com/tpope/vim-surround.git ~/.vim/pack/tpope/start/vim-surround
在vim中打开你的HTML文件。
将光标移动到你想要添加div标签的位置。
按下以下命令来添加div标签：cs<div>

这将把当前位置的文本从无包围字符修改为被div标签包围的文本。

如果你想要跳转到开始div和结束div之间，可以将光标移动到开始div标签上，然后按下以下命令：ysiw>

这将选中开始div和结束div之间的文本。

通过使用vim-surround插件，你可以更加高效地编辑HTML文件，并且可以快速跳转到开始div和结束div之间。请注意，这只是vim-surround插件的一个示例用法，该插件还有许多其他功能可以探索和使用。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
云存储（COS）：https://cloud.tencent.com/product/cos
腾讯区块链服务（TBCS）：https://cloud.tencent.com/product/tbcs
腾讯云元宇宙解决方案：https://cloud.tencent.com/solution/metaverse

相关搜索:如何允许在我的div中显示html | Angular 7 如何在intellij中从当前行跳到上一行的开始和结束？如何从html中获取多个div中的值？在jQuery中我想删除div中的所有HTML MVC从div中的HTML表格导出到Excel Angular从HTML中的DIV类生成PDF文档为什么我的段落总是从div中溢出从本地文件中的HTML div标签中提取innerText 展开/折叠html表中的div从db中检索数据 HTML/CSS -为什么我在div中的a:hover不能工作？我可以从fields_for中设置div的id吗？如何编辑我的脚本以指向div中的特定HTML文本在我的html主文件中包含某个带有AngularJS的div 将输出从javascript发送到Django中的html DIV 如何从localStorage追加后显示的html中获取div数据？如何自动刷新从模型-mvc中获取数据的html中的div HTML-<h1>，<p>不会显示在我的<div>中 React从我的div中删除密钥，然后抛出错误我想同时更改html中的所有div以及css中的类名。如何使用从JSON获取数据的不同值迭代html中的div

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Vim：提高工作效率的7个 Vim 使用技巧

vim 是个非常高效、非常好用的工具，很多人一旦开始使用 Vim 之后就再也无法自拔。然而， Vim 仍然有其自身缺陷，对于普通用户来说，很难在入门的时候就体会到Vim的所谓高效性。

01

提高工作效率的 7 个 Vim 使用技巧！

vim 是个非常高效、非常好用的工具，很多人一旦开始使用 Vim 之后就再也无法自拔。然而， Vim 仍然有其自身缺陷，对于普通用户来说，很难在入门的时候就体会到Vim的所谓高效性。

02

关于SecureCRT及Vim的使用

听说大部分的搞网络或者被网络搞的同学，每天都会使用SecureCRT在Linux下进行开发、测试等工作。

02

vim 从嫌弃到依赖(3)——vim 普通模式

在上一篇中，我们提到vim的几种模式，并且给出了一些基本的操作命令，包括移动光标，删除、替换操作。并且给出了几个重要的公式，理解这个公式对于理解vim和提高使用vim的效率来说至关重要。所以在这篇文章里面我打算再围绕这几个公式给出一些示例，希望能给各位理解公式提供一些帮助。

02

跟我一起学习VIM - The Life Changing Editor

前两天同事让我在小组内部分享一下VIM，于是我花了一点时间写了个简短的教程。虽然准备有限，但分享过程中大家大多带着一种惊叹的表情，原来编辑器可以这样强大，这算是对我多年来使用VIM的最大鼓舞吧。所以分享结束之后，将这篇简短教程整理一下作为我2014年的第一篇Blog。

02

golang实战-1：搭建vim-go开发环境

LSB Version: :core-4.1-amd64:core-4.1-noarch

02

常用的vim命令总结

vim就不多介绍了，很好用很强大。在windows下可以用gvim,配置一下_vimrc文件，再配合cscope和ctag等工具，就是一个功能强大的IDE。

01

Linux生产环境上，最常用的一套“vim“技巧

研发线上使用最多的编辑器，就是vi。无论是最快查看某个文件内容，还是快速编辑某个文件，vi都能帮上忙。

02

Linux下强大的编辑器Vim使用『技巧』

研发线上使用最多的编辑器，就是vi。无论是最快查看某个文件内容，还是快速编辑某个文件，vi都能帮上忙。

04

vi/vim常用命令

ctrl + b 上一页 ctrl + f 下一页 ctrl + u 上半页 ctrl + d 下半页

02

HTML代码简写法：Emmet和Haml

HTML代码写起来很费事，因为它的标签多。一种解决方法是采用模板，在别人写好的骨架内，填入自己的内容。还有一种就是我今天想要介绍的方法----简写法。常用的简写法，目前主要是Emmet和Haml

05

Vim不常见但是很实用的命令技巧

但如果未被修改，使用 :x 不会更改文件的修改时间，而使用 :wq 会改变文件的修改时间。

03

webStorm 3.0配置使用主题背景色等

http://www.cnblogs.com/jikey/archive/2012/01/16/2323590.html

01

一步步将vim改造成C/C++开发环境(IDE)

1、安装Vim和Vim基本插件首先安装好Vim和Vim的基本插件。这些使用apt-get安装即可： lingd@ubuntu:~/arm$sudo apt-get install vim vim-scripts vim-doc 其中vim-scripts是vim的一些基本插件，包括语法高亮的支持、缩进等等。 vim中文帮助文档tar包下载地址: http://sourceforge.net/projects/vimcdoc/files/vimcdoc/ 解压后其中有个doc文件夹, 将其中的内容全部复制到~/.vim/doc, 或者vim安装目录下的doc目录中, 此时vim中的help信息已经是中文的了. 网页版中文帮助文档网址http://vimcdoc.sourceforge.net/doc/help.html 首页就时vim帮助文档的目录，阅读起来更方便有效、更有针对性！ 2、Vim配置文件 Vim强大的功能，其来源基本上就两个地方：Vim插件以及Vim配置文件。 Vim本身的系统配置文件夹是在/usr/share/vim/和/etc/vim/两个文件夹下。一般情况下，我们不会去改变这两个文件夹下的配置文件，而是在用户文件夹/home/user（其中，user为用户名，我的用户名是lingd）下建立自己的配置文件。进入用户文件夹（/home/user/）之后，用gedit新建一个名叫.vimrc的文件： lingd@ubuntu:~/arm$ cd ~ lingd@ubuntu:~$ gedit .vimrc 注：使用gedit主要是为了方便大段大段的文字粘贴！然后把下面的文字拷贝进这个文件之后保存：

02

【技术分享】高效jupyter notebook

类似vim，notebook也有命令模式和编辑模式。在编辑模式中按下esc就会进入命令模式，点击任何一个cell，或者按下enter可以进入编辑模式。如果你用过vim，就应该不难想象这两个模式的作用：在不同的模式下，编辑器提供的很多好用的快捷键，方便你进行方便快捷的操作。

06

高效jupyter notebook

类似vim，notebook也有命令模式和编辑模式。在编辑模式中按下esc就会进入命令模式，点击任何一个cell，或者按下enter可以进入编辑模式。如果你用过vim，就应该不难想象这两个模式的作用：在不同的模式下，编辑器提供的很多好用的快捷键，方便你进行方便快捷的操作。

06

5 个好用的开发者 Vim 插件

我用 Vim 已经超过 20 年了，两年前我决定把它作为我的首要文本编辑器。我用 Vim 来编写代码、配置文件、博客文章及其它任意可以用纯文本表达的东西。Vim 有很多超级棒的功能，一旦你适合了它，你的工作会变得非常高效。

03

听说，撸代码，ide与vim更配哦vim折腾记vim常用命令

在选择编辑器上面，我是一个纠结的人，曾经年少的我执着地追求一款万能的编辑器，可以支持所有编辑语言，灵活可定制，可纯粹用键盘操作。符合这种条件的编辑器，非vim莫属。

02

Mac之vim普通命令使用

稍微解释一下，当在normal模式下输入:qx后，你对文本的所有编辑动作将会被记录下来，再次输入q即退出了记录模

03

项目开发神器VsCode配置指南！（含C++、Python、Java环境配置）

本篇文章虽然是VsCode挂名，但其实介绍了两款神器: Vscode和Vim，这两个结合起来，开发效率蹭蹭蹭!!!

01

项目开发神器 VSCode 配置指南！（含 C++、Python、Java 环境配置）

本篇文章虽然是 VSCode 挂名，但其实介绍了两款神器: VSCode 和 Vim，这两个结合起来，开发效率蹭蹭蹭！！！

03

linux下vim命令详解

高级一些的编辑器，都会包含宏功能，vim当然不能缺少了，在vim中使用宏是非常方便的：

03

vim配置

默认检查的是CPP，要检查C需要修改一下。 python项目要加进Pythonpath，否则包可能找不到定义：

05

vim 插件使用记录

指令效果 C_ ] 直接跳转到定义处 C_ t 往回跳转一次（先输入数字再C_t，可以一次回跳多个） : tags 查看跳转list C_w ] 在新分屏中打开定义，光标定位到定义处 C_w } 在新分屏中打开定义，光标不跳

02

Mac之vim普通命令使用「建议收藏」

高级一些的编辑器，都会包括宏功能，vim当然不能缺少了，在vim中使用宏是很方便的： :qx 開始记录宏。并将结果存入寄存器x q 退出记录模式 @x 播放记录在x寄存器中的宏命令略微解释一下。当在normal模式下输入:qx后，你对文本的全部编辑动作将会被记录下来。再次输入q即退出了记录模式，然后输入@x对刚才记录下来的命令进行反复。此命令后可跟数字。表示要反复多少次。比方@x20，能够反复20次。这个在文本的批处理中是很实用的。

03

不用Linux也可以的强大文本处理方法

标题党了，其实是论VIM的使用。做生物信息分析最合适的还是Linux操作系统，所以生信宝典在最开始就推出了Linux学习系列，由浅入深的讲述了Linux学习中的关键点。主要文章列举如下： Linux学习-文件和目录 Linux学习-文件操作 Linux文件内容操作 Linux学习-环境变量和可执行属性 Linux学习 - 管道、标准输入输出 Linux学习 - 命令运行监测和软件安装 Linux学习-常见错误和快捷操作 Linux学习-文件列太多，很难识别想要的信息在哪列；别焦急，看这里。 Linux学

06

VSC x VIM - 反正多学几个快捷键没有坏处

如上配置之后可以通过 <space><space>w{char} 快速跳转到包含特定字母的字符的开头

01

VSC x VIM - 反正多学几个快捷键没有坏处

当年研究过一段时间 VIM, 因为操作不熟练没有用作主力 IDE, 而是单纯在 CLI 里面用于轻度编辑

01

从零开始配置 vim(7)——自动命令

从编程的角度来看，自动命令有点类似于事件响应，或者回调函数之类。当外部发生某些事件的时候，自动执行事先定义好的一组命令。

02

VIM 操作记录

选择指定符号 (", ', ), }, ]) 区域内的内容举个例子： [ a + cda [daff ] ], 当前光标在 [daff] 范围

02

分享一些vim插件

该文介绍了如何为 Vim 配置各种插件以实现高效开发，包括用于代码高亮的插件、代码自动补全插件、代码折叠插件、代码片段插件、代码格式化插件、版本控制插件、快捷键和命令行插件以及窗口和标签插件。

分享一些vim插件

先是环境：在windows上用VMware安装了ubuntu，用ubuntu运行终端。可以用VMware文件共享、网络文件共享、nginx、ftp实现两个操作系统的文件共享

01

分享一些 vim 插件

00

vim | 配置我的linux 开发环境

"显示行号 set number "包裹行 set wrap "设置文件编码 set encoding=utf-8 "设置文件打开标题 set titlestring=%t "显示光标位置 set ruler "语法高亮 syntax on "缩进格式设置 set autoindent "自动换行,继承前一行的缩进方式，适用于多行注释 set expandtab "转换tab为空格,expandtab 选项用于设置在Vim插入模式下按下 Tab 键时，输入到Vim中的都是空格。smarttab 表示插入

03

Linux vimrc常见配置

vim博大精深，先看看有哪比较使用的vim插件 Linux 为源代码生成ctags: 1.sudo apt-get install ctags安装vim插件 2.cd到代码根目录，比如说cd ./linux-5.x.x 2.生成tags文件，根目录执行ctags -R xxx（xxx为需要生成tags的文件目录）

01

Linux下使用 github+hexo 搭建个人博客04-next主题优化

本篇讲解 next 主题的优化，包括：使用语言、前端页面显示宽度、菜单、侧栏、头像、添加或取消动画效果、打赏功能等等。

01

Vim编辑器基础入门

Vim(Visual Interface|可视化接口),在linux中常常使用的工具，是进行Linux嵌入式编程的必备工具之一; vim最大的贡献就是它的按键系统这也是为什么chrome、idea、atom等编辑器都会提供一个vim mode;

02

如何用Vim提高开发效率

本文介绍了如何通过Vim提高开发效率，以及Vim的三种模式Normal、Visual和Insert，同时还介绍了如何在Vim中快速移动光标、搜索和替换文本、以及撤销和重做操作。此外，还介绍了一些Vim的高级功能，如使用插件、配置和快捷键，以及如何使用Vim来编写高效的代码。

08

关于 Markdown 的一些奇技淫巧

自从几年前开始在 GitHub 玩耍，接触到 Markdown 之后，就一发不可收拾，在各种文档编辑上，有条件用 Markdown 的尽量用，不能用的创造条件也要用——README、博客、公众号、接口文档等等全都是，比如当前这篇文章就是用 Markdown 编辑而成。

01

关于 Markdown 的一些奇技淫巧

自从几年前开始在 GitHub 玩耍，接触到 Markdown 之后，就一发不可收拾，在各种文档编辑上，有条件用 Markdown 的尽量用，不能用的创造条件也要用——README、博客、公众号、接口文档等等全都是，比如当前这篇文章就是用 Markdown 编辑而成。

02

Sublime插件

自用笔记：本文属于自用笔记，不做详解，仅供参考。在此记录自己已理解并开始遵循的前端代码规范。What How Why

06

请品鉴我的vim配置

背景本人是生信工程师,主要使用的语言是 python, R, perl, shell,经常要ssh到远程服务器上写代码,因此学习了vim,后来发现了spf13-vim:steve francia's vim distribution,大大提高了写代码的效率。但是,原配置仍然有很多插件和配置不符合我的需要,因此,fork后进行了大量的修改.请访问leoatchina的vim配置文件.由于本人水平所限,一定有很多错误和bug,望各位指正. 注意使本配置文件后可能会影响vim运行流畅度. 对使用者的要求掌握v

06

说lottie谁是lottie?

Gif 动画存在一些问题，例如：文件较大、无法缩放匹配不同屏幕大小和密度、易出现锯齿、无法控制动画等。

02

浅谈Vim

一、基本介绍 vim(Vi IMproved)顾名思义是vi的改进版，那么vi是什么？ vi 是一种常用于GNU/Linux下的一款编辑器，随着需求的不断扩充，在vi的基础上做了很多改进，于是vim诞生了。 vim相对于vi的这些优势主要体现在以下几个方面： 1、多级撤消我们知道在vi里，按 u只能撤消上次命令，而在vim里可以无限制的撤消。 2、易用性vi只能运行于unix中，而vim不仅可以运行于unix,windows ,mac等多操作平台。 3、语法加亮vim可以用不同的颜色来加亮你的代码。 4、可视化操作就是说vim不仅可以在终端运行，也可以运行于x window、 mac os、 windows。 5、对vi的完全兼容某些情况下，你可以把vim当成vi来使用。由此可见vim是一款非常强大、非常受欢迎的一款文本编辑器。官方网站：http://www.vim.org/ linux下安装vim-minimal软件包如果是在Linux下，可以安装VIM-Enhance使其扩展为完整版本的VIM

04

IDEA + Vim，竟可以这么牛逼！！

本教程并不是单纯的vim操作介绍，更多的是与Intellj Idea进行配合。需要同时具备Intellj Idea和vim使用基础的同学学习。

01

Sublime Text历练

自用笔记：本文属于自用笔记，不做详解，仅供参考。在此记录自己已理解并开始遵循的前端代码规范。What How Why

03

layui laydate日期初始化的一些坑

在日常开发中，总是会不可避免的用到日期插件，不同的日期插件功能上大同小异，UI上也是各有各的特点，个人项目中用的比较的多的时间插件是bootstrap-datetimepicker 插件，日期的UI样式是这样的

01

Linux 之 Vim 编辑器从基础到大成使用

Vim(Visual Interface|可视化接口),在linux中常常使用的工具，是进行Linux嵌入式编程的必备工具之一; vim最大的贡献就是它的按键系统这也是为什么chrome、idea、atom等编辑器都会提供一个vim mode;

01

文件上传的最佳前端体验做法

网页开发者们想了很多办法，试图提升文件上传的功能和操作体验，在各种Javascript库的基础上，开发了五花八门的插件。可是，由于不同浏览器之间的差异，缺乏统一接口，这些插件要么用起来很麻烦，要么不能普遍适用。

01

IDEA Intellij小技巧和插件

使用IDEA Intellij已有两年，在此罗列一下在实践中觉得能有效提升开发效率的一些小技巧和插件。 1. 重设移动键方向键和Home/End键离基键太远，经常把手移过去其实很费时。所以建议重设到主键盘上。考虑到后面会提到的IdeaVim插件，所以最好使用类似Vim的方案。我个人的设定是： Ctrl+H ← Ctrl+J ↓ Ctrl+K ↑ Ctrl+L → Ctrl+A End （Vim中Shift+A是在行尾插入） Ctrl+I Home （Vim中Shift+I是在行首插入）被冲掉的原本的快捷键可以设到Alt上（最常用的Ctrl+A全选和Ctrl+J Live Template）。当然你也可以把移动键设在Alt上，不过使用标准键盘时，左Ctrl可以用手掌来按（使用emacs的必备技能），非常方便。所以我个人喜欢把常用操作设到Ctrl上。 2. 好用的Select Word at Caret快捷键在IDEA的Keymap中有Select Word at Caret这个动作，字面意思是“选中光标所在的单词”，默认快捷键是Ctrl+W。但事实上，这个动作的实际操作是选中更上一层的语法结构。例如，如果你在一个字符串的一个单词中，按一下Ctrl+W，会选中光标所在单词。再按一下，会选中整个字符串的内容，不包括引号。再按一下，会选中包括引号的字符串。再按一下，会选中整个表达式（如果表达式含有括号，会逐层选中）。再按一下，会选中整个语句块。再按一下，会选中整个方法。再按一下，会选中整个类。 3. Ace Jump插件可以说Ace Jump和IdeaVim这两个插件是我使用了Intellij后再也不想用eclipse的最主要原因。Ace Jump是一种从emacs上借鉴过来的快速光标跳转方式，操作方式是：你用某个快捷键进入Ace Jump模式后，再按任一个键，当前屏幕中所有该字符都被打上一个字母标记，你只要按这个字母，光标就会跳转到这个字符上。这种跳转方式非常实用，你根本不用管当前光标在什么位置，眼睛只需要盯着需要跳转到的位置，最多三四下按键就能准确把光标定位，开始编辑。按道理这种功能非常容易实现，但偏偏到目前为止我没有在eclipse上找到类似插件。安装与使用：在Intellij的Setting -> Plugins -> Browse repositories中查找acejump，可以找到两个插件，AceJump和emacsIDEAs。AceJump是最纯正的Ace Jump插件，功能单一，也比较稳定，但我个人感觉没有emacsIDEAs好用。两者最大的差异是，Ace Jump是先按键调出跳转标记，再通过不同功能键（Ctrl，Shift，Alt等）配合书签按键追加额外功能（例如从当前位置选中文本至书签位置）。而emacsIDEAs是使用不同的快捷键进入不同的功能模式（例如跳转到字符，跳转到单词，选中到标签等）同时调出书签标记，然后再按书签按钮实现跳转。感觉emacsIDEAs的方式比较符合我的思维习惯。如果选择了AceJump插件，重启Intellij后即可使用，默认快捷键是Ctrl+；（分号）。但我习惯将它重设到Alt+K。下面是使用AceJump的效果

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭