Atom 使用筆記

前言：

因為要做前端小demo，每次改動都要預覽改后的效果，使用vim很不方便了，於是干脆在mac下載了atom。

所需插件：

經過我的初步探索有兩種方式實現：

1. 方法一：firefox+auto reload 和atom

   • 安裝和使用：firefox 安裝auto reload插件，atom 安裝open-in-browser，在project tree需要修改的html頁面鼠標右鍵open in browsers或者在菜單欄packages單擊open-in-browsers。默認快捷鍵：ctrl+alt+o
   • 優缺點：優點是可以打開瀏覽器進行預覽，頁面效果比較好，每一次在atom改動，firefox都會自動更新。缺點是需要來回切換atom和瀏覽器進行查看。

2. 方法二：browser-plus和atom

   • 安裝和使用：直接在atom上安裝插件browser-plus,在被打開的html鼠標右鍵Open Browser-Plus即可。默認快捷鍵：ctrl+alt+o
   • 優缺點：優點是直接在atom打開，修改后直接刷新即可。缺點是展示區不大，不能整體預覽到效果。