一 browser-sync
1. 安装
install browser-sync –g
2. 监听文件
browser-sync start --server --files "css/*.css"
解释 start 这是必带的一个参数
--server 运行本地服务器,也就是将你的电脑作为一个服务器,一般是局域网
--files 就是你运行这条命令的路径的简称,后面的参数就可以不用写那么长
"css/*.css" 这个参数是和--files命令一起使用的,*是指css文件夹下的所有css文件,也就是对这些文件进行监控,这些文件一旦改变,就刷新页面
那么这条命令的作用就用于对css文件的监控,以及文件改变的话,就刷新页面
browser-sync start --server --files "css/*.css,*.html"
这命令增加了*.html,意思是对所有html文件的监控
browser-sync start --server --files "css/*.css,*.html" --browser "chrome"
这条命令增加了 --browser "chrome",意思是指定对应的浏览器打开文件,这里指定了chrome浏览器
browser-sync start --server --files "css/*.css,*.html" --index "index.html"
这条命令增加 --index "index.html"意思是在很多页面中指定index.html页面为起始页
3.其他命令行
http://www.browsersync.cn/docs/command-line/
二 内置模块
1. 服务端与浏览器端建立链接
var http = require('http')
http.createServer(function(req,res){
if(req == xxx){
console.log(xxx)
}else{
res.end(xxx)
}
}).listen('8080');
2. fs模块(文件系统模块)
var fs = require('fs');
//异步读取
fs.readFile('文件名',function(err,data){
if(!err){
console.log(data) // data是buffer数据,要使用toString()
}
})
// 同步
var data = fs.readFileSync('input.txt');
console.log("同步读取: " + data.toString());
console.log("程序执行完毕。");
// 写入文件
fs.writeFile('文件名','写入的数据',function(err){
if(err){
console.log('failed');
}else{
console.log('success')
}
})
3.nodemon.js
全局安装,监听项目中的所有文件,并自动重启运行项目,输入命令行时需要输入完整的文件名称。但使用中文会出现乱码。出现乱码时在callback中写
res.writeHead(响应码,{"content-type":"text/html;charset=utf-8"});
三. 静态资源服务器搭建
// index.js
var http = require('http')
var x = require('./child')
http.createServer(function(req,res){
console.log(x)
}).listen('8080');
// child.js
var a= 11;
exports.x = a;
……….待续