browser-sync的安装使用

来源:互联网 发布:2016年java程序员工资 编辑:程序博客网 时间:2024/05/21 15:50

作用:更改代码之后自动刷新浏览器

安装:browser-sync是基于npm的,首先要安装npm,再通过npm在命令行里进行安装,安装代码如下:

需要使用npm进行全局安装:` npm install browser-sync -g ` ,-g表示安装到全局
或者 npm install -g browser-sync 

全局安装的文件路径:C:\Users\计算机名\AppData\Roaming\npm\node_modules  中


使用:在需要监听的文件夹中打开命令行,注意,打开cmd的路径要在 需要监听的文件的路径

browser-sync start --server --files "./index.html”   --表示监听一个文件
  - --files参数指定要监视的文件,监听多个文件以逗号分隔, ./表示当前文件
监听整个项目 用  *.*   -- browser-sync start --server --files "./*.*” 

browser-sync start --server --files "**”表示监听所有文件或文件夹中的内容 


注意事项:browser-sync的端口可能被其他软件占用;

如果被占用可以用下面的命令指定一个端口:
browser-sync start --server --port 8081 --files "./index.html"


图片的内容表示,端口被占用,更改了browser-sync的端口,并监听了命令行当前文件夹中的index.html文件和 当前文件夹

中的js文件夹下的所有.js文件

0 0
原创粉丝点击