使用Vim掌握CSS和XHTML

Question

请指点我们如何使用Vim掌握(X)HTML,CSS.我喜欢用手创建网页,我决定和Vim一起去.

任何有用的插件,提示和技巧,教程,how-tos,书籍,文章？

谢谢!

Answer 1

你将"使用Vim掌握(X)HTML,CSS",就像你使用任何其他文本编辑器或语言一样:通过努力工作,阅读书籍,观看截屏视频和跟上新闻.您选择的编辑器完全无关紧要.

也就是说,这里有一些本机功能和插件帮助了我很多:

• Omnicompletion是Vim自己的自动完成功能,除了它不是自动的.

  点击ctrlp或ctrln完成文档中其他位置的单词.

  点击ctrlxctrlo以显示基于语言的可能完成列表.

  开始编辑

  另一个非常有用的功能是"文件路径完成",开始键入文件的路径并点击<C-x><C-f>以显示可能完成的菜单.

  此外,上述功能可以使用插件自动化,我使用的是AutoComplPop.

  结束编辑

• 对象允许您以疯狂的方式移动,选择和执行代码操作.

  假设你有<div>word</div>光标打开o,dit将删除word,cit将删除word并将光标放在标签之间进行进一步编辑等等......

  如果你知道什么d,c或者v意味着什么,i粗略地意味着inside和a大致意味着around,这t意味着tag你已经拥有了一个非常强大的工具.Vim有其他对象的代码编辑非常有用:",',(,[,{等,种类:help objects更多.

  对我来说,仅此功能足以证明抓取TextMate是合理的.

• Blockwise Selection完成了它的说法.:help blockwise-visual了解更多信息.

• :normalize或者:norm对一组行前置或附加内容非常有用.

• SnipMate是一个受TextMate的片段系统启发的插件.然后键入form然后点击tab以展开到一个完整的样板<form>元素,您可以通过进一步点击tab来编辑值和属性.

• 环绕取对象通过使其能够周围添加选择标签对,删除它们或改变它们的业务带到另一个层次.

  如果您采用上面的示例,请点击cst<p>以更正确的方式更改它<p>word</p>.要添加一对标签word,请选择它v然后点击S并键入所需的标签.