atom中实现实时刷新及移动端预览

Browsersync

安装

sudo npm install -g browser-sync

使用

1.用atom打开一个项目

2.使用cd切换到对应的项目的文件夹下

3.在终端输入命令

browser-sync start --server --browser "Google Chrome" --files "stylesheets/*.css, *.html"

也可以使用默认的浏览器进行访问

browser-sync start --server --files "stylesheets/*.css, *.html"

4.每次改动代码并保存后，浏览器都会自动进行更新

5.保证电脑和手机在同一个局域网下面，在移动端浏览器中输入External中的网址，这样就能在移动端实时显示页面效果了