本章博客将向大家介绍在window上安装Node.js的方法。
本安装教程以Node.js v10.8.0 版本为例。
一、Node.js安装包及源码下载地址为:https://nodejs.org/en/download/
二、安装如下图所示
1.选择安装的磁盘
2.这里选择第一个
3.安装以后打开终端输入:node -v 或 node --version 查看是否安装成功
4.如果成功显示,注销或重启电脑,以防没法正常启动程序
三、实战演练
1.打开Visual Studio Code,建一个文件夹,名字随意定义(为了方便演示,我起的文件名叫nodebasic 注意:不要中文与大写)
2.在终端中打开文件夹路径(nodebasic),输入命令 npm init 如图下:
一直按回车直到显示文件夹路径,如下图所示:
3.在此文件(nodebasic)的基础上,再见一个字文件夹,名字随意定义。(我定义的是public)
4.跟此文件(pubilc)里面在建一个子html文件index.html。(注意:这里必须是index.html,不能是其它)
5.跟文件(public)同级建一个js文件index.js。(注意:这里必须是index.js,不能是其它)
6最后如图所示:注意:方框的是同级的 椭圆是在public里面的
8.实现一个完整的小项目
1.在index.html里写以下代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>node.js第一个项目</title>
</head>
<body>
<!-- action 提交到的接口 api -->
<form action="/book">
<input type="submit" value="提交书籍信息">
</form>
</body>
</html>
2.在index.js文件里写以下代码
// 引入express模块 express模块为数据请求基础模块
// 如果发生数据请求 那么一定需要使用这个模块
var express=require('express')
// 创建模块的一个实例化对象
// p=People()
var web=express()
// static 静态
// 让web对象使用工程中的静态资源 public文件夹
web.use(express.static('public'))
// get 表示使用get方法
// 方法后面追加两个参数
// 参数一:请求的接口
// 参数二:回调函数 回调函数里面的有两个参数
// 参数一:前端从后端传入的值
// 参数二:后端往前端传的值
web.get('/book',function(req,res){
// send发送
// res.send('古今奇书<聊斋志异>')
res.send('<h1>古今奇书<聊斋志异></h1>')
})
// listen监听
// 让程序监听8080端口
web.listen('8080',function(){
console.log('服务器启动了......')
})
3.引入express模块 express模块为数据请求基础模块 如果发生数据请求 那么一定需要使用这个模块 在终端输入:npm install express(如果下载过慢,或卡住建议 先输入:npm config set registry http://registry.cnpmjs.org
在输入:npm info underscore
最后输入:npm install express)
如下图所示:
4.在终端里输入node index,开启服务器,如下图所示:
5.打开index.html,地址改为localhost:8080,点击如下图所示
这样一个小项目就完成了
如果想了解更多Node.js的简单操作步骤点击:https://blog.csdn.net/Py_boys