`
Zhongwei_leg
  • 浏览: 557621 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

编辑 HTML 的利器 VIM ZenCoding

 
阅读更多

最近在用 Tornado 写一个小的个人网站,发现在 VIM 原始状态下编辑 HTML 很是不便。因为 HTML 的 Tag 需要开始符号和结束符号对应,例如: <table></table>。每次都去手动敲,生产效率太低了,无端增加了好多重复劳动。

 

在网上找了一下,发现一个 ZenCoding.vim 的 VIM 插件,不单可以实现 Aptana 等 IDE 编辑 HTML 时的自动补全功能,还有类似 CSS selector 的编辑方式 (看 ZenCoding 的视频演示即可了解)。

 

官方文档在这里:

https://raw.github.com/mattn/zencoding-vim/master/TUTORIAL

 

需要注意的是,在输入各种命令时(Ctrl+y ?),需要确保是在 Insert 状态下。

 

题外话:

1。看到 Zen 这个词,立即会猜到可能是日本人写的,看了作者名字,似乎就是。

我一直对 Zen 这个词有好感。例如,在 python 终端里输入 import this , 就能看到 The Zen of Python。

 

2。上个周又从 Emacs 换回 VIM 了,因为我找到了一个可以在 Mac 下实现全屏,以及分屏的终端 iTerm2。

这样我就不需要忍受 Emacs 的各种 Ctrl, Meta 组合键,以及 shell,multi-shell 下的各种乱码了。

 

0
2
分享到:
评论

相关推荐

    zencoding-vim

    "zencoding-vim" 是一个专为Vim编辑器设计的插件,它引入了Zen Coding的概念,大大提升了前端开发者的工作效率。Zen Coding,后来更名为Emmet,是前端开发领域中一个快速编写HTML和CSS的工具。这个插件将Emmet的功能...

    zencoding-vim-master.zip

    标题中的"zencoding-vim-master.zip"是一个与Vim编辑器相关的压缩文件,它包含了一个名为"zencoding-vim-master"的项目或插件。Zencoding(也称为Zen Coding)是一种快速编写HTML和CSS的生产力工具,它允许用户通过...

    Zen Coding.vim

    Zen Coding: 一种快速编写HTML/CSS代码的方法 输入 div#i$-test.class$$$*5 …然后调用”展开缩写”行为 会被转换成为: &lt;div id="i1-test" class="class111"&gt;&lt;/div&gt; &lt;div id="i2-test" class="class222"&gt;&lt;/div&gt; ...

    zencoding使用手册

    本文档将详细介绍如何在Vim环境下使用zencoding插件,帮助用户更高效地编写HTML代码。 #### 二、安装与配置 1. **安装**:首先确保您的编辑器或IDE支持zencoding,并按照官方文档完成插件的安装。 2. **配置**:...

    普通人的编辑利器——VIM

    普通人的编辑利器——VIM_(for_windows)

    eclipse colortheme plug and zencoding plugin

    安装完成后,ColorTheme可以在Eclipse的首选项设置中找到并配置主题,而ZenCoding(Emmet)的功能则会自动集成到编辑器中,用户可以直接在编写HTML或CSS时体验其便捷性。 总的来说,Eclipse ColorTheme和ZenCoding...

    zen conding

    Zen Coding,也被称为Emmet,是前端开发领域中一个非常著名的效率工具,尤其在Vim编辑器用户中广受欢迎。这个插件通过提供快速输入和扩展缩写的能力,极大地提升了HTML和CSS编码的速度。以下是对Zen Coding核心知识...

    Linux下文本编辑利器:vim编辑器使用指南

    内容概要:本文详细介绍了 vi 和 vim 编辑器的基本使用方法及其高级功能。主要内容包括 vi 编辑器的三种模式(一般模式、编辑模式和命令行模式)及其操作指令,以及 vim 的多文件编辑、块选择、多窗口功能和环境设置...

    普通人的编辑利器——Vim.

    Vim的操作,实例讲解,操作文本的详细介绍

    基于C/C++语言的简易vim编辑器 仿vim编辑器

    # 基于C/C++语言的简易vim编辑器 仿vim编辑器 1. 编辑器下有normal和insert两种模式。默认为normal模式,按i键进入insert模式,按esc退出insert模式。 2. normal模式下按 h j k l键向左上下右移动光标。 3. normal...

    vim最强整合版

    Vim优化各种常用插件的组合安装,调整了字体和背景,加上很好看的语法着色,已经可以成为完整ide环境,对插件的冲突也做了优化,自动补全可使用空格选词,snipmate默认使用Tab,安装zencoding,使用ctrl-e展开,自动匹配符号,...

    Vim 普通人的编辑利器

    Vim,全称为“Vi Improved”,是基于原始的Vi编辑器的一个高度可配置的文本编辑器,被广大程序员和系统管理员誉为编辑利器。Vim7版本是在2006年发布的,它在Vi的基础上增加了许多新功能和改进,使其更适合现代开发者...

    普通人的编辑利器——Vim

    让我们熟悉VIM的基本操作,同时用助于深入学习VIM。

    [最优秀的文本编辑器.Vim.(绿化版)].Vim

    Vim,全称为“Vi Improved”,是一款功能强大的命令行文本编辑器,被广泛应用于Linux、Unix和类Unix系统,同时也支持Windows平台。作为一款高度可配置的编辑器,Vim深受程序员和系统管理员的喜爱,被誉为最优秀的...

    我使用的Vim.zip

    在Vim中安装zencoding插件后,你可以通过简洁的缩写来生成复杂的HTML结构,例如“div&gt;ul&gt;li*5”会自动生成一个包含五个li元素的div和ul结构。这种方式极大地提高了前端开发者的编码速度,减少了重复劳动。 3. **...

    Linux编辑器及VIM初步

    本篇主要聚焦于Linux编辑器中的VIM(Vi Improved),它是一款非常流行、功能丰富的命令行文本编辑器。 VIM是在原始Vi编辑器的基础上发展起来的,保留了其简洁、高效的特点,并增加了许多现代化的功能。在Linux环境...

    学习vi和vim编辑器.pdf_vim实用_vi_vim_

    **vi和vim编辑器详解** **一、vi编辑器简介** vi(Visual Editor)是Linux/Unix系统下的一款强大的文本编辑器,它以其简洁高效的操作方式深受程序员和系统管理员的喜爱。vi的名字来源于“Visual”首字母,但在无...

    vim编辑器的rpm包

    Vim(Vi IMproved)是一款强大的文本编辑器,它在经典的Vi编辑器基础上进行了大量改进,提供了更多功能和用户友好的特性。RPM(Red Hat Package Manager)是Linux发行版中广泛使用的软件包管理器,主要用于在Linux...

    Vim编辑器 VIM

    Vim编辑器

Global site tag (gtag.js) - Google Analytics