为 JavaScript 编码推荐的 Vim 插件？

我是 JS & Vim 的新手，哪些插件可以帮助我编写 Javascript 代码？

59647 次浏览
小开

我只使用了一个 js 特定的 vim plugin-jslint.vim-https://github.com/hallettj/jslint.vim，它使用 jslints 规则验证代码并给出语法错误。

小开

SnipMate 模拟 TextMate 的 ⇥插入系统，默认情况下带有一些有用的 JS 代码片段(以及其他代码片段)。加上你自己的就非常容易了。

JavaScriptLint 允许您根据 < a href = “ http://www.javaScriptLint.com”rel = “ noReferrer”> jsl 验证代码。

您还可以在 vim.org 上找到各种 JavaScript 语法文件。尝试他们，看看哪一个最适合您和您的编码风格。

原生的全部(ctrlx-ctrlo)对我来说非常好用。你可以使它更动态与 AutoComplePop，但它可以是恼人的有时。

回应 tarek11011的评论:

Acp 在默认情况下不适用于 JavaScript，因此需要稍微调整一下。我是这样做的(肮脏的黑客，我还是个 Vim 菜鸟) :

在 vim-autocomppop/plugin/acp.vim 中，我将 php和 javascript(以及 actionscript)添加到 behavs中，使它看起来如下所示:

let behavs = {
\   '*'            : [],
\   'ruby'         : [],
\   'python'       : [],
\   'perl'         : [],
\   'xml'          : [],
\   'html'         : [],
\   'xhtml'        : [],
\   'css'          : [],
\   'javascript'   : [],
\   'actionscript' : [],
\   'php'          : [],
\ }

下面是一系列看起来像这样的代码块:

"---------------------------------------------------------------------------
call add(behavs.ruby, {
\   'command' : "\<C-x>\<C-o>",
\   'meets'   : 'acp#meetsForRubyOmni',
\   'repeat'  : 0,
\ })

我已经复制了这一个，并编辑了一点，看起来像这样:

"---------------------------------------------------------------------------
call add(behavs.javascript, {
\   'command' : "\<C-x>\<C-o>",
\   'meets'   : 'acp#meetsForRubyOmni',
\   'repeat'  : 0,
\ })

对 actionscript 和 php 也做了同样的处理。

如果你想在 HTML 文档中编辑 JS/CSS，你可以这样做: 在 Vim 的命令行中设置 ft = HTML.CSS.javascript，使得 ctrlx-ctrlo在 JS 块中的方法/属性名称和 CSS 块中的属性/值上正常工作。然而，这种方法也有其缺点(奇怪的缩进...)。

小开
最佳答案

语法检查/衬线

有一种非常简单的方法可以使用 Syntastic Vim 插件将 JSLint 或社区驱动的 Jshint.com(这种方法在 IMO 中要好得多)与 Vim 集成在一起。有关更多信息，请参见 我的另一个职位。

源代码浏览/标记列表

还有一种使用 Mozilla 的 JS 医生(以前是 Jsctag)添加标记列表的非常简单的方法，Cloud9 IDE的 王牌在线编辑也使用这种方法。

  1. 使用你喜欢的软件包管理器(Ubuntu 的 apt-get，Mac 的 主页 brew，等等)安装以下软件包:
    1. exuberant-ctags
  • 注意: 安装后确保运行 ctags实际上运行的是 exuberant-ctags，而不是操作系统预安装的 ctags。您可以通过执行 ctags --version来找到答案。 2. node(Node.js)
  1. 从 github 克隆 DoctorJS: git clone https://github.com/mozilla/doctorjs.git
  2. 进入 DoctorJS目录和 make install(您还需要安装 make应用程序，但这是非常基本的)。
  • 在安装插件时有一些 bug，make install暂时没有起作用。现在我只是将回购的 bin/目录添加到我的 $PATH。有关更多信息，请参见 DoctorJS 的 GitHub 并发布页面。
  1. 安装 标签栏 Vim 插件(注意:是标签栏，不是臭名昭著的老标签列表!)。
  2. 利润:)

新项目-Tern.js

DoctorJS 目前已经死亡。有一个很有前途的新项目叫 Tern.js。它目前处于早期测试阶段，最终应该会取代它。

有一个项目 Ramitos/jsctag使用燕鸥作为它的引擎。只要 npm install -g它，标签栏将自动使用它的 javascript 文件。

小开

修复缩进和自动格式化(Ctrl =) : JavaScript 缩进

要设置缩进宽度，请将 javascript.vim文件添加到 ~/. vim/ftplugin 目录中，其中包含以下内容(用于两个空格缩进) :

 setl sw=2 sts=2 et
小开

这个插件也很有用: https://github.com/maksimr/vim-jsbeautify。 它为 javascript 提供了完整的自动格式化。 只要敲一下键盘，你的代码看起来就很漂亮。当粘贴代码片段时，它也会派上用场。 它使用了流行的 js 美化器，这也可以作为一个在线应用程序找到。后者可以在这里找到: http://jsbeautifier.org/。


提交答案