2 Star 22 Fork 8

自然框架/vue3-blog

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
README.md 1.69 KB
一键复制 编辑 原始数据 按行查看 历史
% 提交于 4年前 . 改用vue-data-state

做个博客 学习 vite2 + vue3

介绍

用 vite2 + vue3 + Vue-Router + vue-data-state + element-plus + webSQL 做一个简单的个人博客。
主要用于学习和练手。

软件架构

vite2(v2.1.5):建立项目的方式

Vue3 (v3.0.5):前端框架

Vue-Router(v4.0.5):路由

Vue-data-state(v0.1.1):状态管理

element-plus(v1.0.2-beta.36):UI库

kangc/v-md-editor(v2.2.2):博文编辑器

webSQL:前端存储,用于存放博文数据和讨论数据

安装教程

// 安装资源包:  
yarn 

// 运行:  
yarn dev

// 发布:  
yarn build

使用说明

https://www.jianshu.com/nb/49874196

博客功能

首页:博文分组、博文列表
详细:博文内容 + 讨论列表 + 讨论表单
发布:分组 + 列表 + 博文编辑

在线演示

个人博客 https://naturefw.gitee.io/vue3-blog

自然框架/vue3-blog

特技

  1. 使用 Readme_XXX.md 来支持不同的语言,例如 Readme_en.md, Readme_zh.md
  2. Gitee 官方博客 blog.gitee.com
  3. 你可以 https://gitee.com/explore 这个地址来了解 Gitee 上的优秀开源项目
  4. GVP 全称是 Gitee 最有价值开源项目,是综合评定出的优秀开源项目
  5. Gitee 官方提供的使用手册 https://gitee.com/help
  6. Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 https://gitee.com/gitee-stars/
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/naturefw/vue3-blog.git
git@gitee.com:naturefw/vue3-blog.git
naturefw
vue3-blog
vue3-blog
master

搜索帮助