鍍金池/ 教程/ C++/ JS 代碼智能提示補(bǔ)全
atom-minify(CSS/JS壓縮神器)
JS 代碼智能提示補(bǔ)全
自定義按鍵綁定
Emmet 實(shí)例教程
基礎(chǔ)
插件主題推薦
CSScomb 增強(qiáng)版
編輯器實(shí)時(shí)預(yù)覽 HTML 頁(yè)面
JS 代碼片段補(bǔ)全
Atom 內(nèi)運(yùn)行 gulp 的實(shí)現(xiàn)方法
簡(jiǎn)介
Sync-setttings(插件-備份神器)
實(shí)用側(cè)邊欄插件
保存與預(yù)覽功能
Atom 代碼輸入震動(dòng)效果
深入自定義快捷鍵
分屏操作
config.cson 基礎(chǔ)教程
JQ 代碼片段補(bǔ)全

JS 代碼智能提示補(bǔ)全

題外話

官方正式版雖然內(nèi)置了.autocomplete-plus;最為明顯的一個(gè)功能就是記憶你已經(jīng)輸入過(guò)的名稱進(jìn)行匹配; 但是針對(duì)于某些語(yǔ)言來(lái)說(shuō),還是有些不足的….其中 JS 的補(bǔ)全上就明顯不足了…所以需要借助插件來(lái)拓展。

atom-ternjs

下載地址:https://atom.io/packages/atom-ternjs

官方描述: Javascript code intelligence for atom with tern.js. Uses suggestion provider by autocomplete-plus.

簡(jiǎn)言之,就是 JS 代碼智能提示,個(gè)人也希望以后可以直接內(nèi)置到 atom 中,而不是作為第三方插件!!

此插件依賴兩個(gè)東東,git 和 nodejs ; 具體可以參考我博客里面的其他博文。

作用范圍

  • Configure your project(針對(duì)項(xiàng)目進(jìn)行配置– 英文言簡(jiǎn)意賅就不翻譯了)
    • Navigate to Packages -> Atom Ternjs -> Configure project
    • The config view appears.
    • Hit “Save & Restart Server” to create/update the .tern-project file
  • 全局(這個(gè)就不用解釋了)

智能提示支持的語(yǔ)言特性

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

安裝方式兩種

- apm install atom-ternjs - settings 內(nèi)部搜索插件名

效果圖

http://wiki.jikexueyuan.com/project/atom/images/js1.png" alt="" />