Blogger Information
Blog 4
fans 0
comment 0
visits 2300
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
windows关于Browsersync的安装与使用
兆灵
Original
747 people have browsed it

一、安装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安装与启动步骤

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post