Browsersyuc 入门

在5分钟内上手。

 本文是用翻译软件翻译官网的。

1. 1.安装的Node.js

   Browsersync是Node.js的，快速的网络应用程序的平台的模块。有方便的适用于MacOS，Windows和Linux安装程序。

2. 2.安装Browsersync

   Node.js的包管理器（NPM）是用来从安装Browsersync 存储库。打开一个终端窗口，运行以下命令：

   npm install -g browser-sync

   你告诉包管理器来下载文件Browsersync和全球安装他们，所以他们提供给您的所有项目。

3. 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  就是下图    下图也是翻译的，表示英语不怎么好，只能用工具了......................