windows关于Browsersync的安装与使用
发布于:2022-02-18 10:39:03 栏目:技术文档
一、安装node.js
打开浏览器,在地址栏搜索node.js,点击Node.js官网:
![1645074330696573.png 1645074330696573.png](/d/file/p/2022/02-18/21f4980effdfb72a880bf02be6052754.png)
2、选择官网中的LTS版本:
![1645074655588890.png 1645074655588890.png](/d/file/p/2022/02-18/dcec6b4d3a5b80c601261197478b2643.png)
3、下载完成后进行安装:
![1645078554633570.png 20180712155507501.png](/d/file/p/2022/02-18/356c78f0d210462d20cad9cf032f1439.png)
![1645078581861640.png 20180712160021489.png](/d/file/p/2022/02-18/69c1065be47af3d3cc0df695868bbf25.png)
![1645078589786632.png 20180712160506509.png](/d/file/p/2022/02-18/9888b633c80c15aa50b82f1330890be7.png)
![1645078597672003.png 20180712160926292.png](/d/file/p/2022/02-18/e7191abd9a10896b9c6e942e28b41135.png)
![1645078606441132.png 20180712161348904.png](/d/file/p/2022/02-18/c72728c307bd8353cf03d9c4e27ca6d8.png)
![1645078615223903.png 20180712161433777.png](/d/file/p/2022/02-18/d49cb806cf69554c745d91a0ce9ab20d.png)
二、安装Browsersync包:
1、使用win+R命令打开命令行窗口并输入cmd确定:
![1645075005115167.png 1645075005115167.png](/d/file/p/2022/02-18/fb028c330ec7b2a6d602f0dcf0148564.png)
2、输入npm install -g browser-sync命令安装:
![1645075267957852.png 20180712162909358.png](/d/file/p/2022/02-18/d68b3cdbb7f4f2bbdedf09ffb090c5c2.png)
3、安装完成如下:
![1645075317620018.png 20180712163044178.png](/d/file/p/2022/02-18/72c9fa2610167547098e8e5b924350f0.png)
三、启动Browsersync:
1、事先在桌面上创建了一个index.html,如下:
![1645075571427519.png 20180713100055718.png](/d/file/p/2022/02-18/20bf961763a0fda1eca38f2ccc6dcc25.png)
2、在终端窗口下进入该文件目录:
![1645076458483525.png 20180713095927230.png](/d/file/p/2022/02-18/aebfce70971a81ad87eb74e309a65efd.png)
3、在该目录下运行以下命令:
browser-sync start --server --files "*.html"
// --files 路径是相对于运行该命令的项目(目录)
(由于index.html只是一个html文件,若如果需要监听多个类型的文件,使用browser-sync start --server --files "css/*.css, *.html"命令)
![1645076936721871.png 20180713095927230.png](/d/file/p/2022/02-18/7e7161f4e6b46ed94f003c402b08fcb3.png)
4、成功启动
![1645077052383857.png 20180713100000600.png](/d/file/p/2022/02-18/6079e0ac424c6c9c9c404f1d2212b3f3.png)
友情链接:Browsersync中文网
转载自:浏览器同步测试工具Browsersync安装与启动步骤
相关推荐
阅读 +