Atom编辑器折腾记_(13)JS代码智能提示补全(插件:atom-ternjs)

题外话

官方正式版虽然内置了.autocomplete-plus;最为明显的一个功能就是记忆你已经输入过的名称进行匹配;

但是针对于某些语言来说,还是有些不足的….其中JS的补全上就明显不足了…所以需要借助插件来拓展

atom-ternjs

官方描述:

Javascript code intelligence for atom with tern.js. Uses suggestion provider by autocomplete-plus.

简言之,就是JS代码智能提示,个人也希望以后可以直接内置到atom中,而不是作为第三方插件!!

此插件依赖两个东东,gitnodejs ; 具体可以参考我博客里面的其他博文

作用范围:

  1. Configure your project(针对项目进行配置– 英文言简意赅就不翻译了)

    • Navigate to Packages -> Atom Ternjs -> Configure project
    • The config view appears.
    • Hit “Save & Restart Server” to create/update the .tern-project file
  2. 全局(这个就不用解释了)

智能提示支持的语言特性:

  • browser: completion for vanilla js (optional)
  • ecma5: es5 (optional)
  • ecma6: es6 (optional)
  • jquery: completion for jQuery (optional) – 这个可以有,JQ也支持

安装方式两种:

  1. apm install atom-ternjs
  2. settings内部搜索插件名

效果图

最后,官网链接就在那个一级标题(atom-ternjs)上

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-11-17 07:03:51

Atom编辑器折腾记_(13)JS代码智能提示补全(插件:atom-ternjs)的相关文章

Atom编辑器折腾记_(15)JS代码片段补全(插件:javascript-snippets)

题外话 这款插件就比較重量级了-.用熟悉了写原生JS的效率要提升非常多--并且,不仅支持JS还包括了nodejs snippet javascript-snippets 插件作者: zenorocha Github地址 : https://github.com/zenorocha/atom-javascript-snippets 内置了丰富的JS snippet . 并且也非常好理解和记忆-耍多了会上手的 安装 在设置中心搜索安装 代码片段(Tab或者Enter补全) Console命令 [cd

Atom编辑器折腾记_(10)CSScomb增强版[CSS/LESS/SASS]

何为CSScomb 官方网站只有一句描述: Makes your code beautiful(让你的代码更漂亮) 通俗点讲: CSScomb是用来排版CSS代码的-可以说是格式化插件,依赖nodejs 获取CSScomb–这不是今天的话题 官方网站: CSScomb 支持许多编辑器,比如Sublime/Atom/brackets等 第三方CSScomb-这才是今天的话题 昨天写了篇CSS3的文章-发现代码有点混乱..人力排版有点--.所以跑去atom插件库寻找csscomb Atom -> s

Atom编辑器折腾记_(11)编辑器实时预览HTML页面(插件:Atom HTML Preview)

为何寻找 每次预览HTML页面,都需要打开各种浏览器;哪怕不是调试,只是为了查看下效果; 切换来切换去,各种刷新,感觉有些浪费时间;以前用过DW的实时预览,感觉这个功能很赞; 又踏上了atom插件仓库慢慢寻找之路-.. 插件:atom-html-preview 官方描述:A live preview tool for Atom Editor. 简言之:Atom编辑器内实时预览的工具 获取方式 通过命令行安装 apm install atom-html-preview 通过编辑器内部的instal

Atom编辑器折腾记_(23)加快React开发的插件汇总【浪一波】

前言 汇总下比较实用的atom插件[偏react开发的]-- 暂时应该没有比我更全面的!嘎嘎 atom-react-autocomplete–项目内,组件名及状态的自动补全 autocomplete-js-import–模块导入智能提示 emmet-jsx-css-modules– React内的Emmet补全,非单纯的expand[class => className ]!! language-javascript-jsx – JavaScript, ES6, ES7, React JSX,

Atom编辑器折腾记_(4)按键绑定keymap

简介 Atom编辑器支持自定义按键绑定,文件格式是CSON; 何为CSON 官方解释: This file uses CoffeeScript Object Notation (CSON). 我的解释: JSON + CoffeeScript 写法基本是JSON的写法 按键绑定组成 如图: 设置内的键盘映射图很好的说明了 按键绑定 = 快捷键(Keystroke) + 执行命令(Command) + 来源(Source) + 选择器(Selector) 快捷键不用解释了 执行命令就是按下快捷键所

Atom编辑器折腾记_(1)介绍下载安装

何为ATOM Atom是专门为程序员推出的一个跨平台文本编辑器.具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言.它支持宏,自动完成分屏功能,集成了文件管理器. 为什么用ATOM 开源 - 遵循MIT协议,代码托管在github上 多平台 - 支持MAC/WIN/LINUX(支持源码编译安装,也提供二进制安装包) 丰富的插件库 - 开源到现在一年了..社区的各种插件丰富起来了,且atom的插件支持在线更新! 类Sublime - 风格和s

Atom编辑器折腾记_(21)修复`Atom-Beautify: Migrate Settings`问题

前言 不管在公司还是在家,我都挺喜欢用atom的,所以配置什么都用sync-settings这个插件来同步, 今晚回到家,同步一下...发现大部分配置正常了..唯独Atom-beautify有点抽风: 问题 一直报'Atom-Beautify: Migrate Settings, unsuppor......' 解决办法 找了许久,从配置开始文件着手找...又翻墙找了下...大体解决如下: 按下ctrl+shift+p[command-palette] , 键入Atom-Beautify: Mi

Atom编辑器折腾记_(6)config.cson基础教程

号外 昨天,atom官方更新了atom的版本; 把之前内置到core的核心插件autocomplete替换成autocomplete plus,还做了许多修正,具体看这里 Notable Changes Atom now bundles Autocomplete Plus and the completion providers for HTML, CSS, Less, Sass, snippets, and the Atom API Opening editors is now signifi

Atom编辑器折腾记_(7)Emmet实例教程

题外话 Atom的emmet插件有些功能给阉割了 说阉割倒不如说atom本身自带的一些功能替代了atom的拓展功能 教程主要是常用的基础知识,在最后我会附上emmet完整简写表,大伙可以把图片在新页面打开另存为 何为Emmet 简言之,Emmet的前身是大名鼎鼎的Zen coding; 功能 snippet(代码片段,不如用专门的片段插件) abbreviation expand(简写展开) 目的 只有一个,加快web开发(编码速度) Emmet基础 知识预备 HTML/CSS标签熟悉掌握 -