node+koa+vue3+elementPlus搭建后台管理系统

一、创建项目

1 $ yarn create vite demo

二、安装项目依赖

yarn add vue-router@next vuex@next element-plus axios -S

开发依赖

yarn add sass -D

 

注意：vite开发不需要安装node-sass sass-loader

三、服务端初始化

1.koa-generator快速生成服务的脚手架工具

cnpm install -g koa-generator
# or
yarn global add koa-generator

2.进入到项目文件夹目录执行生成命令

koa2 （manager-server）

注意：如果无法使用koa2命令则需要配置环境变量

 

3.安装依赖

npm install
# or
cnpm install
# or
yarn

 

4.启动服务

yarn start
# or
node  .bin/www

 

四、使用pm2部署Koa项目并实现启动、关闭、自动重启

1.全局安装

npm install -g pm2

 

2.启动项目

进入项目目录，然后使用pm2启动项目。这里要特别注意：启动单文件时用（app.js是项目文件名）

pm2 start app.js    #启动单文件

但是在koa2中需要这样启动

pm2 start ./bin/www --watch

3.pm2相关命令（www是项目名）

pm2 list              #产看所已启动的项目
pm2 start             #启动
pm2 restart www       #重启
pm2 stop www          #停止
pm2 delete www        #删除