前端服务器搭建

1、首先下载安装node： https://www.cnblogs.com/technicist/p/12683787.html

2、新建文件夹（重命名为“server”,，命名随意），并进入到该文件夹，按住 “Shift”键，点击 “ 在此处打开Powershell 窗口(S)”

3、在命令行输入：npm init --yes

此时，该文件夹就会生成 package-lock.json文件 和 node_modules 文件夹

4、继续在命令函行输入：npm install express --save

此时，该文件夹就会生成 package-lock.json文件 和 node_modules 文件夹

5、新建文件夹 “public”,并在public文件夹中新建 “index.html”文件，index.html文件的内容如下：

6、在server文件夹下，新建文件 app.js，app.js 的内容如下：

//引入express框架
const express=require('express')

//引入路径处理模块
const path=require('path')

//创建web服务器
const app=express();

//静态资源访问服务器功能
app.use(express.static(path.join(__dirname,'public')))

//监听端口
app.listen(3000);

//控制台提示输出
console.log('服务器启动成功')

7、在server文件夹下，，按住shift 键，，点击 “ 在此处打开Powershell 窗口(S)”

在命令行输入：node app.js

8、打开浏览器，输入网址：http://localhost:3000/

学习网址：https://www.bilibili.com/video/BV11E411e7yF?p=35

**

node工具-nodemon的下载和使用

**

作用
在使用node做项目的过程中，经常会遇到修改了后台然后再重启node的情况，这样会让人感觉很不方便，所以在这里，介绍一款插件，这个插件的作用是：不管修改了前端页面还是后台，都可以不用重启node

解决频繁修改代码重启服务器的问题

介绍
nodemon 是一个基于node.js开发的命令行工具

下载：

npm install --global nodemon

注意：
在任意目录执行该命令都可以

使用
使用 node 模拟监听 app 文件变化

nodemon app.js