Atom.io中AngularJS的方法完成



当使用Atom.io编写AngularJS时,我希望获得AngularJS服务(如$log)的代码完整性。也就是说,当我在$log后面键入.时,可以看到它提供的方法列表

我需要哪个插件?我需要做一些配置才能工作吗?

我已经安装了以下Atom.io软件包:angularjsatom-ternjsturbo-javascript似乎为JavaScript提供了上述功能,但没有提供特殊的AngularJS方法。

您应该能够使用TernJS的AngularJS插件,该插件已随最新版本的tern:一起提供

  1. 确保您安装了TernJS软件包:

    apm install tern
    
  2. 打开您的项目,并使用Ctrl-Shift-p打开命令调色板。

  3. 键入tern openconfig,然后按输入
  4. 单击结果选项卡底部的Save & Restart Server
  5. 您的.tern-project将作为新选项卡加载
  6. 将以下片段添加到您的.tern-project

    "plugins": {
      "angular": "./"
    }
    

    所以它看起来像这样:

    {
      "ecmaVersion": 6,
      "libs": [],
      "plugins": {
        "angular": "./"
      }
    }
    
  7. 保存.tern-project

  8. 使用Ctrl-Shift-P再次打开命令调色板
  9. 键入tern restart,然后按输入以重新启动tern服务器

虽然不是AngularJS特有的,但也许autocomplete plus可以帮助您做到这一点。

最新更新