注：需先检验电脑是否安装了Node.js $ node -v
node官网
https://nodejs.org/
验证是否安装成功 node > console.log(“hello world!”); //有”>”说明node还在运行
输出 hello world! 验证npm是否工作 npm version
输出 {
npm: '5.6.0',
ares: '1.10.1-DEV',
cldr: '32.0',
http_parser: '2.8.0',
icu: '60.1',
modules: '57',
nghttp2: '1.25.0',
node: '8.11.1',
openssl: '1.0.2o',
tz: '2017c',
unicode: '10.0',
uv: '1.19.1',
v8: '6.2.414.50',
zlib: '1.2.11' }
}
//创建Node.js工程
1.创建工程文件夹并进入 cd Desktop/文件夹名
pwd //查看路径是否正确
2.安装依赖模块 npm install
npm install express —save //安装指定模块
注：此时工程文件夹里会生成一个 node_modules文件夹 （所安装的依赖文件会加入到这个文件夹），以及一个 package-lock.json文件
3.使用Sublime创建一个serverjs文件
//server.js
var express = require('express'); //加载express模块
var app = express(); //创建实例对象
app.get('/', function (req, res) //路由
{
res.send('Hello World!');
});
//启动服务
var server = app.listen(3000, function ()
{
console.log('Server listening at http://' + server.address().address + ' : ' + server.address().port);
});
//终端启动node服务 node app
成功 server listening on port 3000
4.浏览器输入 http://localhost:3000
输出 Hello World!
补充：
小案例-通过Express实现页面登录
1.创建一个工程文件夹
2.安装依赖模块 （添加json文件）
3.创建一个服务文件（server.js）
var express = require('express');
var bodyParser = require('body-parser');
var app = express();
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.get('/',function(req,res){
res.sendfile("index.html");
});
app.post('/login',function(req,res)
{
var user_name=req.body.user;
var password = red.body.password;
console.log("User name = "+user_name+", password is " +password);
res.end("yes");
});
app.listen(3000,function()
{
console.log("Started on POST 3000");
});
4.构建视图（index.html）
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<title> Simple login</title>
<script src="//hppt://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script>
<script >
$(document).ready(function()
{
var user,pass;
$("#submit").click(function()
{
user=$("#user").val();
pass=$("#password").val();
$.post("http://localhost:3000/login",{user: user,password: pass},function(data)
{
if (data==='done')
{
alert("login success");
}
});
});
});
</script>
</head>
<body>
<p>登陆演示！</p>
<input type="TEXT" id="user" size="40"><br>
<input type="password" id="password" size="40"><br>
<input type="button" id="submit" value="登陆">
</body>
</html>
网友评论