博客列表 >windows关于Browsersync的安装与使用

windows关于Browsersync的安装与使用

兆灵
兆灵原创
2022年02月17日 14:21:26763浏览

一、安装node.js

打开浏览器,在地址栏搜索node.js,点击Node.js官网:

1645074330696573.png

2、选择官网中的LTS版本:

1645074655588890.png

3、下载完成后进行安装:

20180712155507501.png

20180712160021489.png

20180712160506509.png

20180712160926292.png

20180712161348904.png

20180712161433777.png


二、安装Browsersync包:

1、使用win+R命令打开命令行窗口并输入cmd确定:


1645075005115167.png







2、输入npm install -g browser-sync命令安装:

20180712162909358.png

3、安装完成如下:

20180712163044178.png

三、启动Browsersync:

1、事先在桌面上创建了一个index.html,如下:

20180713100055718.png

2、在终端窗口下进入该文件目录:

20180713095927230.png

3、在该目录下运行以下命令:

browser-sync start --server --files "*.html"

// --files 路径是相对于运行该命令的项目(目录)

(由于index.html只是一个html文件,若如果需要监听多个类型的文件,使用 browser-sync start --server --files "css/*.css, *.html"命令)

20180713095927230.png

4、成功启动

20180713100000600.png

友情链接:Browsersync中文网

转载自:浏览器同步测试工具Browsersync安装与启动步骤

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议