Node.js------------安装调试

本章博客将向大家介绍在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 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值