BrowserSync浏览器同步测试工具的使用

静态网站

1. 安装Node.js

  • BrowserSync是基于Node.js的,而且是Node的一个模块css

    2. 建立一个package.json文件

npm init -y

3. 安装BrowserSync

  • 从Node.js的NPM库中安装BrowserSync。
  • 在该文件夹中打开命令行并运行
npm install --save-dev browser-sync

4. 在package.json文件中加入

  • 监听多个类型的文件,用逗号隔开
"start": "browser-sync start --server --directory --files \"code/*.html,css/*.css\""

5. 打开终端,启动开发预览服务

npm start

6. 动态网站见连接

参考连接http://www.browsersync.cn/#installhtml

相关文章
相关标签/搜索