在5分钟内上手。
本文是用翻译软件翻译官网的。
-
1.安装的Node.js
Browsersync是Node.js的,快速的网络应用程序的平台的模块。有方便的。
-
2.安装Browsersync
Node.js的包管理器(NPM)是用来从安装Browsersync 。打开一个终端窗口,运行以下命令:
npm install -g browser-sync
你告诉包管理器来下载文件Browsersync和全球安装他们,所以他们提供给您的所有项目。
-
3.启动Browsersync
一个基本用途是观看中的所有CSS文件
css
如果发生变化的目录,并更新连接的浏览器。终端窗口导航到一个项目并运行相应的命令:静态网站
如果你只使用
.html
文件,你需要使用服务器模式。Browsersync将启动一个微型服务器,并提供一个URL来查看您的网站。browser-sync start --server --files "css/*.css" //可以更改为
browser-sync start --server --files "**"
"**" 代表所有文件;动态网站也是一样的;
动态网站
如果你已经在运行使用PHP或类似的本地服务器,你需要使用代理模式。Browsersync将包装你的虚拟主机使用代理网址查看您的网站。
browser-sync start --proxy "myproject.dev" --files "css/*.css"
下图是终端输入
动态网站 本地输入 http://localhost:3000 局域网可以输入 http://192.168.1.1:3000 我一般是拿它来看手机端的
http://localhost:3001 就是下图 下图也是翻译的,表示英语不怎么好,只能用工具了......................