集成开发环境

实验题目

集成开发环境

实验目的

掌握集成开发环境的安装和部署

了解服务器的基本工作原理

掌握使用 Node.js 和 Express.js 搭建静态资源服务器的基本过程

掌握数据请求 GET 的基本过程*

了解代码仓库和代码托管的基本应用*

实验内容

编辑器 Vs Code 的安装和配置

浏览器 Chrome 的安装和配置

Node.js 的安装和使用

静态资源服务器的搭建【可使用自己熟悉的服务器环境】

.资源准备：数据和图片

.安装依赖：Express.js

.创建服务器脚本

.开启服务

Hello world

.结构 template

.样式 style

.逻辑 script

.访问/获取数据并渲染

代码仓库和代码托管*

.注册 Github 或 Gitee

.创建仓库

.下载并安装 Git

.配置 Git 和您的仓库关联

.推送项目到仓库

参考效果和参考代码

代码托管 - 请使用自己的仓库地址

git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin url
git push -u origin main

拓展与思考

如何创建服务器主页？

如何定制服务器主机和端口？

安装并使用 nodemon 依赖动态检测并更新服务

网络请求模拟 Postman 的安装和基本使用

使用 json-server 创建数据服务器

说明

现场验收、课后提交实验报告

使用浏览器访问静态资源，如图片、视频、音频等

在开发环境中获取数据，如 JSON 数据