初玩node.js

我对node的理解

node.js?什么是node?node.js能够干什么?这是我在学习node的时候给自己抛出来的问题。node是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript运行环境,Node.js采用Google开发的V8引擎运行js代码。这么说可能不太能够理解,那就换个说法------JavaScript这一门前端编程语言能够写后端的代码,换而言之,前端能够做后端的事情,前提是要在node的环境下才能够实现。这是node.js的最粗白的解释了。
下面我们就来玩一玩这个node,用它来一步一步的搭建一个放静态的服务器。

用node搭建一个简单的web服务器

准备工作一(本地安装node环境)

我们要安装node的环境,因为在node的环境下才能够编写服务端代码。这里我就不多详细说怎么安装,可以参考廖雪峰的网站或者node的官网。安装完毕之后打开终端(win + R),输入cmd。进入黑窗口,查询node的版本号查询是否安装成功
在这里插入图片描述
出现以上版本号就代表node.js安装成功,你的电脑本地环境就会出现node环境!!!

准备工作二(npm)

npm很重要,其实在安装node的时候node就会自动帮你安装npm,其实npm就是一个帮你管理项目的工具,后续开发可以使用npm命令来对项目进行安装开发模块依赖、管理模块(包)
比如我想在项目安装jquery作为项目开发包,我只要在终端(vscode的一个黑窗口)中输入以下命令就可以了

npm install jquery@x.x.x         安装jquery
npm uninstall jquery@x.x.x       卸载jquery
npm i jquery -g                  全局安装jquery项目开发依赖

这里只不过举了一些例子,有这些命令,各位不要按照我的命令下载,这些依赖下载完成后项目目录下面会自动的生成一个node_modules文件夹这里面是存放各种开发依赖包的,不需要理会。

准备工作三(生成package.json)

package.json是什么?其实就是用来记录项目中所安装的依赖(包),每一次使用npm命令下载包的时候都会向package.json里写入包的信息,当然前提是要有package.json文件,在这里我们就使用npm命令来初始化项目,只要初始化完成就会自动生成package.json文件

我新建了一个空文件夹 test
在这里插入图片描述
右键 在终端打开
在这里插入图片描述
这终端输入 npm init 回车
在这里插入图片描述
以下是要你填下package.json的基本信息
package.json文件中的属性
version: 版本信息

name: 包名不能有中文,不能有空格, 不能有大写字母,不能有特殊字符!

description: 描述信息

author: 作者

keywords: 关键词 方便在npm网站上进行搜索

license: 开源协议 自己指定

scripts: 放的就是一些shell命令,这些命令可以通过 npm run 命令别名 进行执行

懂的话就填写 不懂的话就拼命回车
最终会生成package.json文件(生成这个文件是为了方便安装项目开发依赖以及方便查看相关的开发依赖包)以便以后根据命令(npm i)生成项目相关的依赖

最终的项目结构入下图

在这里插入图片描述
这里面的pages文件夹代表的是我要放上去服务器里面的项目
package-lock.json文件夹是我执行完npm install xxx 命令后自动生成的,它的作用是为了package-lock.json 是生成的系统当前安装的库的具体来源和版本号,锁定版本。

核心代码

node.js搭建服务器,所以核心代码肯定要在JavaScript文件里面运行。所以我在更目录创建了一个文件index.js如上图,下面就直接上代码

//express是服务器模块,它不是node自带的模块他需要安装,通过npm install express --save 
//详情  https://www.expressjs.com.cn/
const express = require("express")

// 引入path模块 这个模块主要为了解析路径的 我们在开发的时候肯定要引入开发依赖的文件 
//在node中式通过path模块来解析引入文件的路径
const path = require("path")

//在实例化 express 模块
let app = express()

// 静态资源的托管 通过use()方法来进行今天服务器的静态资源托管
app.use(express.static('./pages'))

//最后在监听localhost:3000端口,当客户端访问这个地址时会打印console
app.listen(3000,(req,res) => {
    console.log("3000端口正在监听着。。。。。。")
})

我们在右键index.js文件,通过终端运行 输入node index.js(不想输入多次的话可以通过node的自动重启工具nodemon)通过npm下载,这里我就不多说了!!!通过localhost:3000端口访问网址就能够实现一个简单的静态资源服务器!!
效果截图在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值