用于web开发和设计的有用Vim插件（php，html，css，javascript）？

现在我正在使用surround.vim将文本括在HTML标签中，并且plugin根据CSS文件中的十六进制值（例如，＃888在CSS文件中具有灰色背景）突出显示文本。用于web开发和设计的有用Vim插件（php，html，css，javascript）？

是否有其他有用的Web开发插件？

建议

这是迄今为止在答案中提到的插件列表：

surround.vim附上HTML标签的文本
jslint.vim与JSLint的
Emmet.vim适用于HTML和CSS高速编码
phpfolding.vim以自动折叠PHP
Syntastic用于例如自动语法检查。 PHP
Exuberant ctags用于标记各种语言。
Tagbar帮助查看/导航源，在状态区域显示呼叫签名。

来源

2010-07-04 alexchenco

我写的答案为this question和this question解释了如何使用获取JavaScript 语法检查/掉毛和源代码浏览/标签列表 Vim的社区驱动的jshint.com（这是方法优于JSLint IMO）和Mozilla的DoctorJS（以前的jsctags）。

来源

2011-05-05 06:54:02

JSLint如何在VIM，http://github.com/hallettj/jslint.vim？

来源

2010-07-04 08:48:24

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

此外，折叠腓：http://www.vim.org/scripts/script.php?script_id=1623

来源

2010-07-04 09:28:06 Drasill

CTAGS又名Exuberant ctags

A blog post about it.

这博客文章还提到taglist plugin，我还没有使用。

来源

2010-07-04 09:35:20

是taglist有用的列表HTML和CSS元素？ – alexchenco 2010-07-04 09:51:13

@janoChen我没有使用过taglist，虽然它看起来很有用，所以我把它包含在我的答案中。也就是说，taglist只是显示ctags收集的信息。根据ctags网站，它支持HTML，但没有提及CSS：http://ctags.sourceforge.net/languages.html个人而言，我在大型PHP代码库上使用了ctags，并发现它非常有用。 – 2010-07-04 09:55:23

NERDTree，minibufexpl

来源

2010-07-04 09:46:13

我发现Syntastic是在发现轻微的PHP问题相当有帮助的。（和/或将它与某种形式的设置php -l混合为：make。）Syntastic还会在您的html上显示整齐的警告。

来源

2010-07-05 07:25:38 JameyC

为合成的+1，它也适用于javascript :) – 2011-02-01 02:37:15

你也可以尝试ale插件（w0rp /麦尔）它获得了新的异步功能 – 2017-12-12 10:05:59

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

来源

2010-07-06 17:03:17 matias

下面是我目前使用的插件以及一些vimrc映射，使事情变得更容易一些。

插件

Pathogen是每个用户的基本vim的插件。它有助于将您需要的所有插件组织到自己的目录中。这使得稍后卸载插件变得更加容易，因为您的插件不会全部位于同一棵树中。病原体将在运行时处理所有事物。

Command-T增加了流行的textmate功能，可以轻松打开文件。

Snipmate给vim类似snippets的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/

来源

2011-02-01 03:05:19

由a couple of functions of mine（依次改编为from others），this plugin的其他人改编，允许您将“特殊”字符转换为HTML实体（和后面）或URL转义（和后面）。

这是非常有用写愚蠢的HTML电子邮件时很有用。

来源

2012-09-24 07:02:54 romainl

用于web开发和设计的有用Vim插件（php，html，css，javascript）？

回答

相关问题