ThinkJS-Vue.js-blog 项目教程

姚月梅Lane

于 2024-09-26 07:06:50 发布

阅读量503

点赞数 11

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/gitblog_00242/article/details/142537662

ThinkJS-Vue.js-blog 项目教程

ThinkJS-Vue.js-blog 使用 ThinkJS+Vue.js+mysql 开发的博客程序，演示地址: 项目地址: https://gitcode.com/gh_mirrors/th/ThinkJS-Vue.js-blog

1. 项目的目录结构及介绍

ThinkJS-Vue.js-blog/
├── admin/
│   ├── src/
│   └── ...
├── src/
│   ├── view/
│   └── ...
├── www/
│   └── ...
├── .eslintrc
├── .gitignore
├── Dockerfile
├── LICENSE
├── README.md
├── database.sql
├── development.js
├── nginx.conf
├── package-lock.json
├── package.json
├── pm2.json
└── production.js

目录结构介绍

admin/: 后台管理系统的源代码目录。
- src/: 后台管理系统的Vue.js源代码。
src/: 前端页面的源代码目录。
- view/: 前端页面的模板文件。
www/: 静态资源文件目录。
.eslintrc: ESLint配置文件，用于代码风格检查。
.gitignore: Git忽略文件配置。
Dockerfile: Docker配置文件，用于容器化部署。
LICENSE: 项目许可证文件。
README.md: 项目说明文档。
database.sql: 数据库初始化SQL文件。
development.js: 开发环境配置文件。
nginx.conf: Nginx配置文件，用于Web服务器配置。
package-lock.json: 锁定项目依赖版本的文件。
package.json: 项目依赖管理文件。
pm2.json: PM2配置文件，用于进程管理。
production.js: 生产环境配置文件。

2. 项目的启动文件介绍

启动服务端

npm start

启动后台服务

cd /admin
npm start

部署

# 编译
cd /admin
npm run build

# 将 src/ view/ www/ production.js package.json 上传至服务器
# 执行npm install
# 修改配置中 mysql 部分
# 修改pm2.json中 cwd 部分
# pm2 start pm2.json
# 启动服务