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

JS 代碼智能提示補全

題外話

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

atom-ternjs

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

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

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

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

作用范圍

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

智能提示支持的語言特性

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

安裝方式兩種

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

效果圖

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