一、环境准备
- 安装node
- 安装npm
二、express 搭建项目
1.npm install express -g
-
npm install express-generator -g //(安装 安装express的工具-生成框架文件目录的命令。只需要执行一次
-
express 项目名称(如myapp)创建了一个名为myapp的express骨架项目
-
通过 Express 应用生成器创建的应用主题结构含义:
app.js 是项目的主文件(入口文件),相当于vue项目的main.js bin: 启动目录 里面包含了一个启动文件 bin/www 一个启动文件,配置了项目运行的端口信息 默认监听端口是 3000 package.json 包描述文件 最重要的是 依赖的模板列表 dependencies 依赖列表里面的所有模板 可以通过 npm i / cnpm i 一次性全部安装 public: 所有的前端静态资源 html css image js views: 主要放置 ejs 后端模板文件 routes: 放的是 路由 文件 (默认有两个),主要在这个目录下开发接口 路由主要定义 url 和 资源 的映射关系 ( 一一对应关系 ) 主要用来接收前端发送的请求 响应数据给前端
-
npm install 安装依赖项
-
npm run start 启动项目
三、遇到问题
-
express : 无法加载文件 C:\Users\HP\AppData\Roaming\npm\express.ps1,因为在此系统上禁止运行脚本.
解决办法 win+r 输入PowerShell 用管理员身份运行 。输入set-ExecutionPolicy RemoteSigned 选A
输入get-ExecutionPolicy 看结果是不是RemoteSigned 是可以了 再重新 express 项目名称。
参考链接1 -
‘set-ExecutionPolicy’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
三、启动项目
http://localhost:3000