企业官网建设流程全解析

专做实习生招聘的网站,网页请求流程,资源最全的网盘搜索引擎,h5平台官网一、前期准备 1. 安装必备软件 Node.js#xff1a;前往 Node.js 官网 下载对应系统#xff08;Windows/Mac/Linux#xff09;的 LTS 版本#xff0c;安装后打开终端#xff08;CMD/PowerShell/ 终端#xff09;#xff0c;输入 node -v 和 npm -v#xff0c;若能显示…一、前期准备1. 安装必备软件Node.js前往 Node.js 官网 下载对应系统Windows/Mac/Linux的 LTS 版本安装后打开终端CMD/PowerShell/ 终端输入node -v和npm -v若能显示版本号则说明安装成功npm 会随 Node.js 一同安装。VSCode前往 VSCode 官网 下载安装无需额外配置默认即可。2. 初始化项目文件夹创建一个项目文件夹例如express-simple-website并通过 VSCode 打开该文件夹VSCode 中点击「文件」-「打开文件夹」选择对应目录。打开 VSCode 内置终端快捷键 Ctrl 或 「终端」-「新建终端」确保终端当前路径为项目根目录。注意此时的文件夹二、项目初始化与依赖安装1. 初始化 npm 项目在终端中输入以下命令初始化一个 npm 项目过程中可按回车默认配置或按需填写项目信息npm init -y执行完成后项目根目录会生成package.json文件用于管理项目依赖和配置。注意查看文件夹内多了一个文件就是package.json我们看下package.json里面的内容注意后面的变化2. 安装 Express 框架Express 是 Node.js 的轻量级 Web 开发框架输入以下命令安装--save可省略npm 5 会自动将依赖写入package.jsonnpm install express安装完成后项目根目录会生成node_modules文件夹存放依赖文件和package-lock.json文件锁定依赖版本。安装完我们就可以在package.json文件中看到自动添加的依赖。文件夹内也可以看到添加了文件夹和一个文件在node_modules文件夹内可以看到express的包双击点进去接下来就是写代码了三、编写核心代码创建 Web 服务在项目根目录下创建一个入口文件常规命名为app.js或server.js这里以app.js为例这里我们建的是index.js在 VSCode 左侧资源管理器中右键点击项目根目录选择「新建文件」命名为 index.js。复制以下代码到 index.js中代码包含详细注释便于理解// 1. 引入 Express 模块 const express require(express); // 2. 创建 Express 应用实例 const app express(); // 3. 定义端口号建议使用 3000、8080 等非系统默认端口 const port 3000; // 4. 配置路由处理 GET 请求根路径http://localhost:3000/ app.get(/,(req,res){ res.send(Hello World!); }); app.listen(port,() { // 服务启动成功后终端会输出该提示信息 console.log(Express 网站已启动访问地址http://localhost:${port}); });四、运行并访问网站1. 启动服务在 VSCode 内置终端中输入以下命令nodemon运行index.js文件启动 Express 服务也可以使用命令node index.js2. 验证服务启动当我们看到有日志输出就知道express已经运行成功了。3. 访问网站打开任意浏览器在地址栏输入以下地址即可访问搭建的网站根路径首页http://localhost:3000有人就问我访问不想加端口咋办打网址不加端口其实是后台默认给你加上了80端口那就ok了我们监听80端口就行。没改端口前改端口后端口咋改啊代码里面3000改成80保存就完事了注意看终端输出保存后它就自动重启了为啥啊因为我们用了nodemon如果用的node index.js启动的改完后得手动重启一下。如果没有nodemon命令的安装一下就可以了npm install -g nodemon好了完事了网站框架也搭好了想要内容丰富点自个在里面加内容就行了。