zoukankan      html  css  js  c++  java
  • 使用node-livereload自动刷新页面

    1. 安装node

    2. 安装python

    3. 安装connect, serve-static和node-livereload (以下都假设命令行当前目录为e:WebSite)

    e:WebSite>npm install connect

    e:WebSite>npm install serve-static

    e:WebSite>npm install livereload

    如果出现类似:MSB8036: The Windows SDK version 8.1 was not found的错误,请使用Visual Studio安装包安装"Tools and Windows SDKs"

    4. 安装Google Chrom 插件 LiveReload

    https://chrome.google.com/webstore/detail/jnihajbhpnppcggbcgedagnkighmdlei

    5. 创建Web Server和File watch server, 脚本如下保存为e:WebSiteserver.js

    var connect = require('connect');
    var serveStatic = require('serve-static');
    
    var app = connect();
    
    app.use(serveStatic(__dirname + "\WebSite"));
    
    app.listen(5000);
    
    console.log('Web Server start')
    
    livereload = require('livereload');
    server = livereload.createServer();
    server.watch(__dirname + "\WebSite");
    
    console.log('File watching start')

    6. 运行server.js

    e:WebSite>node server.js

     这样只要e:WebSite下的文件一更新,浏览器打开的页面就会自动刷新

  • 相关阅读:
    面对对象1
    php数组
    操作字符串,正则表达式
    php运算符and函数
    sql 数学函数and字符串函数and日期函数
    高级查询
    简单查询
    php环境搭建
    第三阶段项目错误记录
    thinkphp获取刚添加数据的主键值
  • 原文地址:https://www.cnblogs.com/vicsmb/p/5602290.html
Copyright © 2011-2022 走看看