前端开发工具-本地服务器

http-server

npm install http-server -g

而后直接在想要预览的文件输入
http-server 指令

优势：

1. 只要链接同一个wifi，就能够多端预览
2. 配置信息很少，方便快速预览

缺点:不过有个须要手动刷新

BrowserSync

npm install -g browser-sync

//静态页同步
// --files 路径是相对于运行该命令的项目（目录）  
//指令的意思是，监听index.html文件，当css文件夹css后缀的文件变化时，浏览器自动刷新
browser-sync start --server --files "css/*.css"

//代理服务器
browser-sync start --proxy "主机名" "css/*.css"
//or
browser-sync start --proxy "Browsersync.cn" "css/*.css"

注意！！！
browser-sync默认打开index.html
若是要同步的文件名不是index.html 则使用以下指令
例：个人文件名为bower.html
browser-sync start --server --index bower.html --files="css/*.css"

优势：

1. 自动刷新，省去手动刷新的繁琐
2. 只要链接同一个wifi，就能够多端预览

缺点

1. 配置信息多，多页面开发时，切换页面须要从新配置

apache

我是下载了个xampp

缺点

1. 没法多端预览

资料

http-server
BrowserSync
In browser I see only : Cannot GET/