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打开，修改后直接刷新即可。缺点是展示区不大，不能整体预览到效果。