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

保存與預(yù)覽功能

用了 Atom 之后是不是發(fā)現(xiàn),每次打開工作目錄,保存退出后重新打開軟件,目錄一片空白。 Sublime 和 DW 的快捷鍵預(yù)覽 Html 功能是不是很喜歡,而 Atom 沒有。

記住上一次打開的目錄

這個功能,截止目前最新的 0.198 版本還木有實現(xiàn),這里我們用插件來實現(xiàn)這個功能;但是官方說,”記住上一次打開的目錄”這個功能已經(jīng)內(nèi)置到下一個版本(集成插件),也就是正式版 1.0 插件的作者也聲明了,看此段話:The Atom.io team is hopefully building a version of this into core for 1.0! https://github.com/atom/atom/issues/1603。

插件 open-last-project

插件簡介: An Atom.io package that automatically repoens the last project and files you were working on.

安裝完畢就實現(xiàn)了記憶功能了。不用過多設(shè)置,你第一次加載了工作目錄后,正常退出打開還是自動加載改目錄,且正在編輯的文件也同樣保持編輯狀態(tài)。

瀏覽器預(yù)覽

對于前端開發(fā)來說,瀏覽器預(yù)覽功能必須要有的有木有。不然每次都要自己手動拖拉文件到瀏覽器比較麻煩。

插件:RIB - run in browser

插件簡介: Run in Browser will open the current pane in the default web browser

默認(rèn)的用法,看下面

  • Command Palette: rib — 命令面板搜索 rip
  • Keymap: ctrl + alt + r — 默認(rèn)快捷鍵(和我一些安裝的插件有沖突,也用不慣這么多按鍵,我直接改 F12 調(diào)用了)
  • the current pane must be a .html or .htm file — 該插件目前支持在 html 和 htm 后綴名使用

個人 RIB 自定義按鍵修改–僅供參考

'atom-text-editor':
  'f12':'rib:run-in-browser'
  'ctrl-shift-space':'autocomplete:toggle'

溫馨提示:插件的安裝

  1. setting 內(nèi)部搜索安裝
  2. 上 Github 下載插件,放在 atom 目錄下的 package,重開打開軟件會自動識別
  3. 使用 apm 命令安裝,例:apm install run-in-browser