windows系统下怎样安装运行browser-sync

 时间:2024-10-22 13:13:09

1、首先做的是安装,我们需要打开运行命令,使用node.js的包管理(npm)来安装。输入: npm install -g browser-sync

windows系统下怎样安装运行browser-sync

2、待命令行运行结束后,我们输入browser-sync --version来查看是否安装成功,以及安装的版本。

windows系统下怎样安装运行browser-sync

3、安装后,就是选中一个文件夹来启动我们的浏览器同步测试工具。我们有两种方法来启动监测,一种是利用系统上已经安装好的命令行界面工具,例如git bash(找到一个文件夹,右击鼠标再弹出的选项框中选择git bash即可)

windows系统下怎样安装运行browser-sync

4、然后,我们输入browser-sync的启动命令browser-sync start --server --files "css/*.css" 最后引号中是我们需要监测更改的文件,可以是多个,也可以是任意的,默认启动的服务器的端口号是3000,这个值可以在参数中修改

windows系统下怎样安装运行browser-sync

5、当我们启动好后,browser-sync的服务器会实时监控文件是否被修改,并且会在浏览器中自动打开检测文件中的index.html页面。

windows系统下怎样安装运行browser-sync

6、除了这种方法,对于没有安装git的用户,我们可以按住键盘的windows+R,调出运行界面,进入到想要监测的文件夹,然后启动browser-sync

windows系统下怎样安装运行browser-sync

7、同样,终端界面启动该工具后浏览器也会自动打开初始界面,并且界面右上角会有一个connect to browser-sync的弹出框,告诉我们可以实时监测工具已经起作用了。

windows系统下怎样安装运行browser-sync
  • Notepad++怎么设置简体中文
  • 如何彻底卸载SQL Server
  • 如何检查网站是否被挂木马?
  • 荒野行动pc动不了 动不了是怎么回事
  • jquery怎么根据html的内容来选择元素对象
  • 热门搜索
    中学生安全手抄报 爱国诚信友善手抄报 关于西游记的手抄报 多彩的民族文化手抄报 手抄报排版 数学王国手抄报 有关感恩的手抄报 城南旧事手抄报 平安校园手抄报图片 手抄报安全