使用node-livereload自动刷新页面
2016-06-21 00:42
543 查看
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:\WebSite\server.js
6. 运行server.js
e:\WebSite>node server.js
这样只要e:\WebSite下的文件一更新,浏览器打开的页面就会自动刷新
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:\WebSite\server.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下的文件一更新,浏览器打开的页面就会自动刷新
相关文章推荐
- nodejs 字符串转gbk base64
- Node.js 异步异常的处理与domain模块解析
- Nodejs-Koa是一个干净的框架
- 使用nodewebx进行前后端开发环境分离
- Nodejs学习之一 下载安装与部署nodejs
- NodeMCU教程 不断重启问题解决
- NodeMCU文档中文翻译 5 上传代码
- NodeMCU文档中文翻译 4 烧写固件
- Ionic_1.x 全套配置搭建开发环境教程(nodejs,jdk,androidsdk)
- NodeMCU文档中文翻译 3 构建固件
- node.js安装cnpm 提高下载速度
- NodeMCU文档中文翻译 2 首页
- NodeMCU文档中文翻译 1 概要
- StatsD的使用及Java和NodeJS客户端的调用
- windows删除node_modules 文件名或扩展名太长
- (OK)(OK) NS3 - MANET - OLSR can not work in bridge NODE
- NodeJS 跨语言子进程持续通讯
- node.js中的url.parse方法使用说明
- 在Ubuntu下准备Nodejs开发环境
- nodejs基础: 如何升级Noejs版本