前端開發工具-本地服務器

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/