# vueblog **Repository Path**: VmoqinV/vueblog ## Basic Information - **Project Name**: vueblog - **Description**: vue3简易个人博客开发 - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2024-02-26 - **Last Updated**: 2024-05-14 ## Categories & Tags **Categories**: Uncategorized **Tags**: Vue, Nodejs ## README # vue-blog #### 介绍 vue3简易个人博客开发 #### 软件架构 前端 client 后端 server #### 安装教程 1. npm i #### 使用说明 1. 后端服务启动 npm run server 或 nodemon app.js 2. 前端启动命令 npm run dev #### 使用技术 - 前端:vue3 - 服务端:express - UI:sass,naiveui - 数据库:sqlite3 - 状态管理:pinia - 工具:wangeditor5,SnowFlake #### 功能 ##### 主页 ![](readmeimg/index.png) ##### 分类 ![](readmeimg/classification.png) ##### 分类&搜索 ![](readmeimg/ClassificationSearch.png) ##### 文章详情 ![](readmeimg/ArticleDetails.png) ##### 登录 ![](readmeimg/Login.png) ##### 后台 文章管理 ![](readmeimg/ArticleManagementList.png) 添加文章 ![](readmeimg/AddArticle.png) 修改文章 ![](readmeimg/updataArticle.png) 分类管理 ![](readmeimg/ClassificationManagement.png) #### 参考 项目视频教程: https://www.bilibili.com/video/BV1t3411F7VH 项目代码: https://gitee.com/mingmingmingge/course-code ##### 工具 SnowFlake : https://gitee.com/baby_muxin/idgenerator/tree/master/JavaScript 富文本: wangeditor5 (https://www.wangeditor.com/)