【NodeJs】使用Express框架快速搭建一个web网站

news2025/1/12 15:58:20

如果电脑有安装使用Nodejs,用得次数少的话,忘了怎么弄,可以看看这个文章,按照步骤,能快速搭建一个web网站服务器,

首先,你需要保证电脑系统有安装了Node.js,然后可以用VsCode开发工具,新建一个项目文件夹,

准备就绪

如果你是新手,应该知道,创建nodejs项目会依赖npm,

在项目根目录下,鼠标右键选择从终端打开,也可以是CMD,开始从里输入命令,

要检查npm是否已安装,就输入如下检查npm版本命令如下,查看

npm -v

若报错,表示没有安装npm,输入以下命令如下,查看

npm install or npm i

新建项目

创建一个依赖npm的项目,需要先执行一个初始化命令如下,查看

npm init

这时会提示输入项目配置信息,若懒得输入,一直按回车默认设置即可

直到初始化完成,会看到项目中多出来一个package.json文件,之前输入的项目配置信息就在这里面了(安装的依赖),

安装框架

接下来,输入一个命令,给项目安装Experss框架

npm install express --save

换国内镜像,安装很快

cnpm install express --save

如要运行web站点(服务器),输入以下命令即可

npm run start

输出信息如 listenPort: 3000,那访问本地站点地址就是http:localhost:3000

懒得手动打开浏览器输入地址的话,直接添加以下命令即可

var cp = require('child_process');

//...服务开始监听的地方
server.listen(port);
console.log('listenPort:', port)
//...添加在这里
cp.exec('start http://localhost:'+port);

这个是入口文件上修改,路径在/bin/www
开始运行的时候,会自动调用浏览器打开

项目结构

了解一下Express 框架项目结构

  • public – 文件夹,存放公开的静态资源
  • routes – 文件夹,路由,类似于服务,专门处理视图业务逻辑
  • views – 文件夹,视图,渲染模板视图
  • app.js – 文件,这是框架实例
  • package.json – 文件,项目属性文件
  • … 其它

如果你还对Express框架不够了解,建议先研究学习它,它就是用来快速搭建网站的,一些网站后台必须的功能都给封装好了可以拿来用

💡 小提示

  • 默认访问的public静态资源路径,如果是 /public/logo.png 访问不了,需要去掉/public就能访问
  • 点此了解 Node.js Express 框架

把自己做的网页文件,或者静态网页资源,都放在项目里的public文件夹路径下,

然后,运行在浏览器上就可以看到显示自己的网站页面了,

就到这里了,慢走,记得点赞。

请添加图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/496330.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Java多线程基础概述

简述多线程: 是指从软件或者硬件上实现多个线程并发执行的技术。 具有多线程能力的计算机因有硬件支持而能够在同一时间执行多个线程,提升性能。 正式着手代码前,需要先理清4个概念:并发,并行,进程&#…

ChatGPT带你领略自动驾驶技术

一、自动驾驶技术现概述 自动驾驶技术是指利用计算机、传感器和其他设备,使车辆能够在不需要人类干预的情况下自主行驶的技术。目前,自动驾驶技术已经在一些汽车厂商和科技公司中得到广泛应用,但仍然存在一些技术和法律上的挑战,需…

c++类友元函数理解(图、文、代码)

序: 1、初学c,理解阶段,一下为个人理解和案例,陆续更新 一、友元函数和普通函数区别 类的友元函数是函数,但是他可以调用类的私有变量,以下代码,Fun2是报错的,因为这个函数跟A没任…

基于SSM框架流浪动物救助及领养管理系统(spring+springmvc+mybatis+jsp+jquery+layui)

一、项目简介 本项目是一套基于SSM框架流浪动物救助及领养管理系统,主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。 包含:项目源码、数据库脚本等,该项目附带全部源码可作为毕设使用。 项目都经过严格调试&…

java错题总结(28-30页)

------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------- 不考虑类加载, --------------------------------------------…

实验三 磁盘调度算法设计

实验三 磁盘调度算法设计 实验目的: 通过对磁盘调度算法的设计,深入理解提高磁盘访问速度的原理。 实验内容: 模拟实现磁盘调度算法:最短寻道时间优先(SSTF)和扫描(SCAN)算法。 …

数字化转型导师坚鹏:企业数字化转型培训如何高效推进评价与改进

企业数字化转型培训如何高效推进、评价与改进 ——以推动企业数字化转型战略落地为核心,实现知行果合一 课程背景: 很多企业都在开展企业数字化转型培训工作,目前存在以下问题急需解决: 不清楚如何有效推进企业数字化转型培训…

JavaScript 箭头函数

(许多人所谓的成熟,不过是被习俗磨去了棱角,变得世故而实际了。那不是成熟,而是精神的早衰和个性的消亡。真正的成熟,应当是独特个性的形成,真实自我的发现,精神上的结果和丰收。——周国平&…

Vue|内置指令

Vue的内置指令是带有v-前缀的特殊属性,它的作用是当表达式的值改变时将其一系列连带影响,响应地作用于DOM元素。 推荐专栏:微信小程序实战开发专栏 内置指令v-text指令v-html指令v-cloak指令v-once指令v-pre指令 内置指令 开始前的准备&#…

虹科方案 | CEMEX 使用HK-Edgility 智能边缘计算平台简化其企业 WAN 管理和运营

一、应对价值 130 亿美元的跨国企业的网络挑战 “我们选择 Edgility 是因为其卓越的管理和协调功能,它为我们提供了一个端到端的工具集,可以经济高效地部署和管理我们边缘设备的生命周期。” —— Fernando Garcia -Villaraco Casero, CEMEX 全球IT 战略…

玩家必看!这三款简单好玩的免费小游戏平台!

在这个飞速发展和高度竞争的时代,人们的日程表已经被各种事情排满。时间的紧迫使得我们不可能一刻都停歇下来,正因为如此,我们才需要适当地放慢自己的步伐,寻找些许休闲娱乐的机会来放松自己。 现如今,越来越多的小游…

VSAN 6.7虚拟机精简置备盘空间不回收

原创作者:运维工程师 谢晋 VSAN 6.7虚拟机精简置备盘空间不回收 前提 前提 客户VSAN6.7环境,做了Horzion7.4,近期发现虚拟机存储空间越来越大,远远超过了已分配的磁盘空间大小,发现是数据写入系统内即使删除了数据…

25个著名的WordPress网站案例

想创建免费网站吗?从易服客建站平台开始 500M免费空间,可升级为20GB电子商务网站 创建免费网站 WordPress 内容管理系统为全球35%的网站提供支持。鉴于目前有 17 亿个站点,并且还在增加,您可以算出每秒向网站访问者提供内容的W…

【C++】map和set的介绍+使用

前言: 我们前面一起学习了二叉搜索树,这便是为了引入本章我们所学的map和set容器。map和set的底层实现就和二叉搜索树有关... 目录 (一)键值对的引入 (1)关联式容器 (2)键值对 …

NVIDIA GPU Driver, CUDA 和 PyTorch的版本关系

我们在进行深度学习环境配置的时候,会遇到各种各样的问题。有各种各样的驱动、包需要安装。不同驱动和包之间的还存在版本适配问题,刚入手的同学会一脸懵逼。配置环境成了入门的第一道门槛。我现在总结了NVIDIA 显卡 Anaconda资源库 PyTorch深度学习框…

Packet Tracer - 配置扩展 ACL - 场景 2

Packet Tracer - 配置扩展 ACL - 场景 2 拓扑图 地址分配表 设备 接口 IP 地址 子网掩码 默认网关 RTA G0/0 10.101.117.49 255.255.255.248 不适用 G0/1 10.101.117.33 255.255.255.240 不适用 G0/2 10.101.117.1 255.255.255.224 不适用 PCA NIC 10.101…

No primary or single public constructor found for interface java.util.List

我的爆错原因是途中ids忘记标注注解PathVariable了,因为要传入一系列的整数的列表对象到路径/emps/deleteEmps/{ids}中,所以我这里就是加上注解PathVariable就OK了。

TAPD使用规范

目录 https://www.bilibili.com/?spm_id_from333.788.0.0我该如何理解这段网址? ?spm_id_from333.788.0.0:表示查询字符串,用于向服务器传递额外的参数信息。在这个例子中,该查询字符串可能用于追踪网站访问来源或统计数据分析…

windows权限维持之计划任务

schtasks常用参数: /Create 创建新计划任务。 /Delete 删除计划任务。 /Query 显示所有计划任务。 /Change 更改计划任务属性。 /Run 按需运行计划任务。 /End 中止当前正在运行的计划任务。 …

会声会影2023旗舰版升级更新及新增功能讲解

会声会影2023新版增加了众多新功能,在海外同样引起了很多关注。每年会声会影更新他都会制作一条,今年的你也不容错过,相信你看完对2023版会声会影将更有兴趣升级~ 建议2022版之前的老朋友,一定要升级2023版,在程序的性…