/xie-blog-web

✨✨✨ xie-blog-web,基于 Vue3.4、TypeScript、Vite5、Pinia、Element-Plus 开发的博客后台系统和前端系统

Primary LanguageVueMIT LicenseMIT

xie-blog-web

Static Badge Static Badge Static Badge Static Badge

简介📖

这是一个基于 Vue 3 和 Element Plus 构建的开源项目,旨在为开发者提供一个高效、稳定、美观的管理系统解决方案。项目采用现代化的前后端技术栈,注重代码的可维护性和开发效率。

后端地址xie-blog

技术栈💻

  • 前端: Vue 3, Element Plus, Pinia, Vue Router, Axios, NProgress, ECharts, Vue I18n, Tailwind CSS, SCSS, Vite, ESLint, Prettier

特性🌠

  • 使用 Vue 3 开发单页应用程序,利用其响应式和组件化的特点,提高开发效率和代码可维护性。
  • 使用 Element Plus 提供 UI 组件库,确保界面美观一致,提升用户体验。
  • 使用 Pinia 进行状态管理,简化状态管理流程,并提高应用状态的可预测性。
  • 使用 Vue Router 实现客户端路由,支持多页面导航和路由守卫功能。
  • 使用 Axios 进行 HTTP 请求,统一管理 API 接口,方便与后端服务交互。
  • 使用 NProgress 显示页面加载进度条,提升用户体验。
  • 使用 ECharts 实现数据可视化,支持丰富的图表类型,帮助用户理解数据。
  • 使用 Vue I18n 实现多语言支持,提升应用的国际化能力。
  • 使用 Tailwind CSS 提供实用的 CSS 工具类,简化样式编写,提高样式的复用性和一致性。
  • 使用 SCSS 编写样式,支持嵌套规则和变量,增强 CSS 的可维护性。
  • 使用 Vite 提供快速的开发构建工具,提升开发体验和构建速度。
  • 使用 ESLint 和 Prettier 进行代码风格检查和格式化,确保代码一致性和可读性。

安装与运行

前端

  1. 克隆项目:

    git clone https://github.com/Jaynxe/xie-blog-web.git
    cd 你的项目
  2. 安装依赖:

    pnpm install
  3. 运行开发服务器:

    pnpm run dev

许可证

此项目采用 MIT 许可证

联系方式