原文:做个开源博客学习Vite2 + Vue3 (三)博客设计和代码设计

项目搭建好了之后是不是可以编码了呢 等等不要着急,我们是不是应该先设计一下 比如博客的功能等 博客设计 先做个简单的个人博客,因为是个人版,所以可以省略注册 登录这些功能,表结构也可以简单一点。 基础功能:添加博文 显示博文 博文列表 查询 分页 讨论列表和添加讨论。 虽然功能弱了一点,但是麻雀虽小五脏俱全,vite 和 vue 的基础用法也可以体现一些。 功能设计 是不是做成图更明显一些 代码设 ...

2021-04-23 17:49 0 447 推荐指数:

查看详情

做个开源博客学习Vite2 + Vue3 (四)实现博客功能

我们再来看一下管理类的设计。 Composition API,就是组合API的意思,那么是不是应该把js代码分离出来,做成独立的管理类的形式呢? 这样代码可以更整洁一些,主要是setup里面的代码就不会乱掉了。 管理类 其实应该分成两个类,一个是博文的管理类,一个是讨论的管理类,以后 ...

Sat Apr 24 19:14:00 CST 2021 0 616
做个开源博客学习Vite2 + Vue3 (二)设置别名、代理和ESLint

vite2可以有很多配置,也可以都使用默认配置,这个看项目需要。 vite.config.js 我们先看看 vite.config.js里面的常用配置,其他配置可以看官网:https://cn.vitejs.dev/config/ 别名 这里尝试了好多种方法,发现这种可行。主要 ...

Thu Apr 22 15:04:00 CST 2021 0 719
Vite2 Vue3 SSR

目标:用 vite2 + vue3 + Ts 搭建一个开箱即用的最简 ssr 通用项目, 包含必要的 vuex vue-router asyncData header管理。 一 通过官方脚手架搭建一个 vue-ts 的 SPA 项目 首先安装 yarn 包管理工具: 创建一个 ...

Wed Dec 22 19:57:00 CST 2021 0 880
初探 vite2 + vue3

vite2已经出来一段时间了,这几天没忍住尝试了一下,首先体验到的就是 —— 快,真的很快,再也不用痛苦的等待了。 然后就是踩坑,因为vite2还算是比较新,所以介绍文章不多,虽然已经出来官网文档了,但是现在的官网似乎侧重原理介绍,对于最初级的使用方式,似乎没有,或者是我还没有找到。 这里汇总 ...

Sat Apr 10 17:38:00 CST 2021 0 705
2、学习笔记electron13 + vue3 + vite2 (一)

记录基于electron13 + vue3 +vite2 的搭建 由于vite的运行、打包、热更新,与webpack数倍差距, 所以打算使用vite进行一个环境的搭建 1、vue3的搭建 浏览器里可以看到页面。vite+vue就搭建好了 2、electron安装 ...

Tue Sep 07 22:20:00 CST 2021 0 287
vite2Vue3中配置Mockjs

Vite2Vue3 中使用Mockjs时有一些官方文档没有提到的注意点,特意做此记录。 1. MockJS 依赖的安装 2. 在 package.json 中设置环境变量 3. 在 vite.config.js 中添加 mockjs 插件 4. 在项目中创建 mock ...

Thu Jul 08 18:15:00 CST 2021 1 1343
Vue3 + Vite2 + ElementPlus 搭建

1.安装vite yarn create @vitejs/app 或者 npm init @vitejs/app 2.创建vue3项目 yarn create vite-app project-name 或者 npm init vite-app project-name 3.进入项目 cd ...

Thu Oct 14 02:04:00 CST 2021 0 192
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM