编辑器的HTML特定功能

Question

我搜索编辑器/插件这样的HTML特定功能编辑：

• 删除节点
• 只删除节点内容
• 导航到下一个/上一个节点，也是家长/子节点
• 导航至下一个/分组的节点属性
• 开始和结束标记之间的导航

我喜欢并使用Vim和JetBrains IDE，但是我还没有找到具有类似功能的插件。任何人都可以提出这样的编辑器/插件吗？

Answer 1

看看https://github.com/mattn/emmet-vim。它似乎满足了你的大部分要求。

Answer 2

大部分，这是默认存在于WebStorm/PHPStorm：

移除节点

删除节点和所有后代：

• 移动光标到节点
• Expand Selection（Ctrl + W）直到选中整个节点
• 德尔

仅去除节点内容

• 移动光标到节点内容
• Expand Selection（Ctrl键 + W¯¯），直到所有内容被选择
• 德尔

与Remove Enclosing Tag（Ctrl键 + 移 + 德尔）

导航至下一个/分组的节点，并且还父/子节点

下一个/前一个删除特定封装的父节点节点是Next method（Alt + ↓）/ Previous method（Alt + ↓）

跳转到父节点的开始与Move Caret To Code Block Start（Ctrl键 + [），并与Move Caret To Code Block End（Ctrl键 + 结束]）。可能需要按两次，具体取决于光标的位置。

（我没有看到，直接跳转到的子节点的好方法）

导航到下一个/上一个节点属性

（想知道一本呢！）开始和结束标记之间

导航

就像移动到父节点以上：Move Caret To Code Block Start（Ctrl + [）和Move Caret To Code Block End（Ctrl + ]）。