livereload(自动刷新)


livereload(自动刷新)_第1张图片

安装node

    livereload(自动刷新)_第2张图片


1:换镜像(淘宝)原生npm安装太慢了

npm install cnpm -g --registry=https://registry.npm.taobao.org

 

2:检查版本

命令 cnpm-v


 

3:安装livereload --global 表示全局环境安装)(--save-dev 表示局部文件

cnpm install livereload --global

 

4:执行命令(livereload)不添加参数默认使用当前地址默认端口

在文件根目录按住shift+右键打开命令行

 

5:改端口(9707)一般默认端口

 

 

6

html 文件添加以上script标签,注意端口一致,
缺点:link进去的样式文件的更新并不会响应
优点:一行js代码不用写,可以实现浏览器的自动更新

 

7ctrl+c结束命令行

 

 

8:配合auto save插件同时使用效果更佳

双屏开发更更佳

 

9:更好的实现

使用gulp

 

 


你可能感兴趣的:(livereload(自动刷新))