atom编辑器插件atom-ternjs

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了atom编辑器插件atom-ternjs相关的知识,希望对你有一定的参考价值。

这是官方文档:https://atom.io/packages/atom-ternjs

官方介绍:

javascript code intelligence for atom with Tern. Adds support for ES5, ES6 (JavaScript 2015), Node.js, jQuery & Angular. Extendable via plugins. Uses suggestion provider by autocomplete-plus.

基于autocomplete-plus的插件,支持ES5,ES6,Node.js,jQuery,Angular的自动补全插件。

而autocomplete-plus是atom编辑器自带的,所以不需要安装。

 

atom中安装完atom-ternjs后,可以设置一些选项Settings。默认不改。根据官方文档步骤是不会出错的。

Installation

Configure your project

  • Open any JavaScript file from within your project
  • Navigate to Packages -> Atom Ternjs -> Configure project
  • The config view appears.
  • Hit "Save & Restart Server" to create/update the .tern-project file

Optional:

If configure project does not work

  • 从你的项目中随机打开一个JavaScript文件  注意:前提是打开了文件夹(文件--打开文件夹),没有打开的话可能没有效果
  • 打开(Packages--Atom Ternjs--Configure project)
  • 然后配置项就出现了
  • 选好的你配置项后选择“Save & Restart Server”,然后就会创建/更新.tern-project文件

成功的话,这个时候会打开.tern-project文件,如图:

技术分享

可选:

  • 安装hyperclick插件

如果配置项目没有效果

  • 在你项目的根目录创建一个文件名为.tern-project的文件,内容可以看地址
  • 重启服务(Packages--Atom Ternjs--Restart server)

 

然后在这个项目中的js文件中就会有提示啦~如图:

技术分享

以上是关于atom编辑器插件atom-ternjs的主要内容,如果未能解决你的问题,请参考以下文章

配置 Node.js 开发环境——使用 Atom

常用的Atom插件

Atom-常用插件大全

Atom-常用插件大全

新手学习配置atom编辑器进行安装插件如script

atom常用插件介绍