代码之家 › 专栏 › 技术社区 › Ken Ray

对Web开发和设计有用的VIM插件(PHP、HTML、CSS、javascript)?[关闭]

plugins vim javascript

Ken Ray · 技术社区 · 5 年前

现在我正在使用 surround.vim 将文本括在HTML标记中,以及 plugin 根据CSS文件中的十六进制值突出显示文本(例如,888将在CSS文件中具有灰色背景)。

Web开发还有其他有用的插件吗?

建议

以下是迄今为止答案中提到的插件列表:

surround.vim 将文本括在HTML标记中
jslint.vim 使用jslint检查javascript错误
Emmet.vim 用于HTML和CSS高速编码
phpfolding.vim 用于PHP的自动折叠
Syntastic 用于自动语法检查,例如php
Exuberant ctags 用于标记各种语言。
Tagbar 帮助查看/导航源,在状态区域中显示呼叫签名。

9 回复 | 直到 9 年前

Dan Lenski 7 年前

我写了答案 this question 和 this question 解释如何获取javascript 语法检查/整理 和 源代码浏览/标签列表 对于VIM,使用社区驱动 jshint.com (这比jslint imo更好)和Mozilla的 博士学位 (以前) JSCATS )

JameyC 14 年前

我发现 Syntastic 有助于发现小的PHP问题。(和/或将其与某种形式的php-l设置为:make)syntastic还向您显示了HTML上整洁的警告。

Luca Matteis 14 年前

在Vim里的JSlint怎么样? http://github.com/hallettj/jslint.vim ?

Brian Wigginton 13 年前

下面是我目前使用的插件以及一些VIMRC映射,以使事情变得简单一些。

插件

Pathogen 是每个用户必不可少的VIM插件。它有助于将您需要的所有插件组织在它们自己的目录中。这使得以后卸载插件更加容易,因为您的插件并不都位于同一个树中。病原体将在运行时处理将所有内容添加到一起。

Command-T 添加流行的textmate功能,使打开文件变得容易。

Snipmate 给Vim类似于textmate的代码片段的力量。

Sparkup 将zencoding添加到vim中,以使编写HTML更快更容易。

NERDCommenter 使切换注释代码块变得容易。

Syntastic 将语法检查添加到许多不同的文件类型中,如果VIM启用了符号支持,则在行号左侧会有标记告诉您错误在哪里。

.vimrc配置设置

将HTML编码/解码为HTML实体(非常适合编写文档)

"EASILY ESCAPE OR UNESCAPE HTML
function HtmlEscape()
  silent s/&/\&amp;/eg
  silent s/</\&lt;/eg
  silent s/>/\&gt;/eg
endfunction

function HtmlUnEscape()
  silent s/&lt;/</eg
  silent s/&gt;/>/eg
  silent s/&amp;/\&/eg
endfunction

map <silent> <c-h> :call HtmlEscape()<CR>
map <silent> <c-u> :call HtmlUnEscape()<CR>

切换相对线号(新VIM 7.3功能)

function! g:ToggleNuMode() 
  if(&rnu == 1) 
    set nu 
  else 
    set rnu 
  endif 
endfunc
nnoremap <C-L> :call g:ToggleNuMode()<cr>

突出显示不需要的空白

"HIGHLIGHT POTENTIALLY UNWANTED WHITESPACE
highlight BadWhitespace term=standout ctermbg=red guibg=red
match BadWhitespace /[^* \t]\zs\s\+$\| \+\ze\t/

Drasill 14 年前

我喜欢Zencoding: http://www.vim.org/scripts/script.php?script_id=2981

另外,对于折叠php: http://www.vim.org/scripts/script.php?script_id=1623

Flavius Stef 14 年前

NERDTree , minibufexpl

George Marian 14 年前

CTAGS AKA Exuberant ctags

A blog post about it.

那篇博文还提到 taglist plugin 我还没用过。

Matias 14 年前

在处理HTML或XML时非常有用: surround.vim ;它允许轻松添加/删除/更改任何类型的标签。

romainl 12 年前

其他人改编自 a couple of functions of mine (依次调整 from others ) this plugin 允许您将“特殊”字符转换为HTML实体(和返回)或URL转义(和返回)。

这是极其在编写愚蠢的HTML电子邮件时很有用。