node.js安装及粗浅应用

Node.js专业一点的说法,指它是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

通俗简单一点的说法即:Node.js 就是运行在服务端的 JavaScript。

本片文章主要教大家如何安装node.js,以及一些它的粗浅应用。

一、Node.js安装配置

Node.js安装包及源码下载地址为:https://nodejs.org/en/download/

根据不同的平台选择相应的版本,这里我以windows版本为例,选择windows installers(.msi) 64-bit。

1.双击进入下载页面

2.将下载好的exe文件解压到桌面,双击进入安装界面。

3.进入这一界面后,勾选“我同意”,然后一直点“next”

4.这里默认就将文件存储到C盘

5.点击安装“install”

6.最后点“finish”,完成

7.验证Node.js是否安装成功,打开终端,输入命令node -v / node --version ,出现出现如下界面,则证明Node.js安装成功。

8.安装成功后重启计算机或者注销,如果不注销或者重启可能会出现如下错误

到此Node.js安装完毕。

二、Node.js应用

1.创建一个项目文件夹(注意:文件夹的名字不要中文和大写),例如

2.选中项目文件夹右键,在终端打开文件夹路径 ,输入命令npm init

 项目的所有配置信息,都可以回车忽略掉

3.配置完成以后生成一个package.json

4.创建一个静态文件夹 ,列入public,在里面创建文件夹index.html

5. 在项目文件夹下创建一个index.js,里面为服务端代码,并下载所有依赖项,在终端输入node install express

 安装成功会出现以下内容

 安装成功后项目文件夹生成两个文件

 

6. 启动服务器,输入命令 node index 查看页面 localhost+端口号

 前端: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>

服务端: index.js

// 引入express模块  express模块微数据请求基础模块
// 如果发生数据请求 那么一定使用这个模块
var express = require('express')
// 创建模块的一个实例化对象
// p = people()
var web = express()
// static 静态
// 让web使用工程中静态资源 publi文件夹
web.use(express.static('public'))
// get表示使用的方法
// 方法后面追加两个参数
// 参数1:请求的借口
// 参数2:回调函数 回调函数里面有两个参数
// 参数1:前端从后端传的值
// 参数2:后端往前端传的值
web.get('/book',function(req,res){
      res.send('古今奇书《聊斋志异》')
})
// 让程序监听8080端口
web.listen('8080',function(){
    console.log('服务器启动......')
})

7. 一旦修改服务期代码,需要重启服务器,在终端输入node index

8.同一个服务器程序 不能在多个终端启动,可能会出现  Error: listen EADDRINUSE :::8080

这说明端口被占用,所以要关闭多个终端,只保留命令本代码执行的终端。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值