Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
推荐用于JavaScript编码的Vim插件?_Javascript_Vim - Fatal编程技术网

推荐用于JavaScript编码的Vim插件?

推荐用于JavaScript编码的Vim插件?,javascript,vim,Javascript,Vim,我是JS&Vim的新手。哪些插件可以帮助我编写Javascript代码?我只使用一个特定于js的vim插件jslint.vim,它使用jslints规则验证您的代码,并给出语法错误。模拟TextMate的⇥ 插入系统,默认情况下附带了一堆有用的JS代码段(以及其他代码段)。添加自己的内容非常容易 允许您根据 你也可以在vim.org上找到各种各样的信息。尝试一下,看看哪一个最适合你和你的编码风格 本地的omnicomplete(ctrlx ctrlo)对我来说非常好。你可以让它更有活力,但有时会

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

我只使用一个特定于js的vim插件jslint.vim,它使用jslints规则验证您的代码,并给出语法错误。

模拟TextMate的⇥ 插入系统,默认情况下附带了一堆有用的JS代码段(以及其他代码段)。添加自己的内容非常容易

允许您根据

你也可以在vim.org上找到各种各样的信息。尝试一下,看看哪一个最适合你和你的编码风格

本地的omnicomplete(ctrlx ctrlo)对我来说非常好。你可以让它更有活力,但有时会让人讨厌

编辑,回应tarek11011的评论:

默认情况下,acp不适用于JavaScript,您必须稍微调整它。下面是我是如何做到的(卑鄙的黑客,我仍然是一个Vim noob):

在vim autocomplpop/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,
    \ })
下面是一系列代码块,如下所示:

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,
    \ })
”---------------------------------------------------------------------------
调用add(behavs.ruby{
\'命令':“\\”,
\“会议”:acp#Rubyomni会议,
\“重复”:0,
\ })
我复制了这个,并对它进行了一点编辑,使其看起来像:

"---------------------------------------------------------------------------
call add(behavs.javascript, {
    \   'command' : "\<C-x>\<C-o>",
    \   'meets'   : 'acp#meetsForRubyOmni',
    \   'repeat'  : 0,
    \ })
”---------------------------------------------------------------------------
调用add(behavs.javascript{
\'命令':“\\”,
\“会议”:acp#Rubyomni会议,
\“重复”:0,
\ })
对actionscript和php也是如此

如果您想在HTML文档中编辑JS/CSS,可以执行以下操作:在Vim的命令行中设置ft=HTML.CSS.javascript,使ctrlx ctrlo在JS块中的方法/属性名称和CSS块中的属性/值上按预期工作。然而,这种方法也有它的缺点(奇怪的缩进…。

语法检查/Linting 有一种非常简单的方法可以使用Syntastic Vim插件将JSLint或社区驱动(在IMO中更好)与Vim集成。有关更多信息,请参阅

源代码浏览/标记列表 使用Mozilla的DoctorJS(以前称为jsctags)添加标记列表还有一种非常简洁的方法,它也在的中使用

  • 使用您最喜欢的软件包管理器(Ubuntu的
    apt-get
    、Mac等)安装以下软件包:
  • 旺盛的CTAG
    • 注意:安装后,确保运行的
      ctags
      实际上运行的是
      丰富的ctags
      ,而不是操作系统预安装的
      ctags
      。您可以通过执行
      ctags--version
      找到答案
  • 节点
    (node.js)
  • 从github克隆
    DoctorJS
    git克隆https://github.com/mozilla/doctorjs.git
  • 进入
    DoctorJS
    dir和
    makeinstall
    (您还需要安装
    make
    应用程序,但这是非常基本的)。
    • 安装插件时出现了一些错误,
      makeinstall
      暂时无法解决问题。现在,我只是将回购的
      bin/
      dir添加到我的$PATH中。有关更多信息,请参阅
  • 安装(注意:这是标记栏,而不是臭名昭著的旧标记列表!)
  • 利润:) 新项目-Tern.js 。有一个新的有前途的项目叫做。它目前处于早期测试阶段,应该会最终取代它


    有一个项目使用tern作为其引擎。只需
    npm安装-g
    it,tagbar就会自动将其用于javascript文件

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

    要设置缩进宽度,请使用以下内容将
    javascript.vim
    文件添加到~/.vim/ftplugin dir中(用于两个空格的缩进):


    此插件也很有用:。 它为javascript提供了完整的自动格式化。 一次按键,你的代码看起来很漂亮。当粘贴代码片段时,它也可以派上用场。
    它使用了流行的js beautifier,它也可以作为在线应用程序找到。后者可以在这里找到:。

    你是如何完成那些看起来很酷的按键的?哈哈,真是太棒了。浏览器通常没有这个标签的默认样式,感谢SO团队做了额外的工作。谢谢romainl,但是a有一个autoComplPop的问题,它只适用于html文件没有js和css和phpLike很多Vim插件acp对文件类型非常敏感。如果缓冲区的文件类型为“html”,则acp和omni complete都不能用于嵌入式JS/CSS/PHP。我将编辑我的答案,这里没有足够的编辑选项/空间。您可能更喜欢使用Rok Garbas&co.组合的。谢谢,但我想我在Hm上有一个问题,在windows上,您需要遵循特定的说明,它需要javascript解释器。我还没有尝试在windows上安装它,但安装说明在自述文件中有点落后,很抱歉,我不能在那里提供更多帮助。+1对于TagBar(只知道TagList!)当前doctorjs要求您按照中的指定克隆recursive,
    git克隆——递归https://github.com/mozilla/doctorjs.git
    然后在Windows上进行安装:将其他文件类型添加到标记栏:在执行步骤3之前,将cd放入doctorjs并执行此操作:
    git子模块初始化和&git子模块更新
    。然后执行第3步。brew命令实际上是
    brew install ctags exuberant
    ,以使问题更加清晰,并帮助OP以英语撰写后续文章。。。它应该是:“嗨,我是JS&Vim新手。哪些插件可以帮助我编写Javascript代码?”你可以说“我是Javascript和Vim新手”。您可以使用“what is”表示单数,例如“what is a_plugin that will me…”或者您可以使用“which”表示复数,例如:“which_p