# vue3-express

**Repository Path**: stone3rd/vue3-express

## Basic Information

- **Project Name**: vue3-express
- **Description**: 跟着视频教程做练习项目
视频链接：https://www.bilibili.com/video/BV1Qu4y1W7rx?p=1&vd_source=699c99afcbbbbaca5fc54a27e981433f
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-06-21
- **Last Updated**: 2024-07-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3-express

#### 介绍

跟着视频教程做练习项目
视频链接：https://www.bilibili.com/video/BV1Qu4y1W7rx?p=1&vd_source=699c99afcbbbbaca5fc54a27e981433f  
CSDN 链接：https://blog.csdn.net/weixin_44001222/category_12353379.html

项目的接口文档：
https://apifox.com/apidoc/shared-5a53a935-41de-43d0-9bd7-272baf4f7fc6

#### 软件架构

软件架构说明

#### 安装教程

##### **前端**

使用 vite 构建 vue3 项目  
`npm create vite@latest shop-admin -- --template vue` //JavaScript  
`npm create vite@latest shop-admin -- --template vue-ts` //TypeScript

安装 vue-router  
`npm install vue-router@4`

安装 element-plus  
`npm install element-plus --save`  
Icon 图标  
`npm install @element-plus/icons-vue`

安装 scss
查询时没有看到很完整的资料，看到的说法一致性存疑，无法分别。可以暂时不适用这个吗？（课程P9讲述）    
  
安装 mitt  
` npm install --save mitt`  

安装 axios   
`npm install axios`

安装 echarts    
`npm install echarts`

##### **后端**

安装 node 项目  
`npm init`  
安装 express 项目  
`npm install express --save`  
npm 包管理

- nodemon(自动重启 node) : `npm i -g nodemon`
- cors(跨域请求) : `npm i cors -s`
- body-parser(表单中间件) : `npm i body-parser -s`
- bcrypt(加密算法):`npm i bcrypt -s`
- jsonwebtoken(跨域认证解决方案) : `npm i jsonwebtoken -s`
- express-jwt(解析 token) : `npm i express-jwt -s`

#### 使用说明

后端启动：  
`nodemon app.js`  
前端启动：  
`npm run dev`  

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request

#### 特技