原文:做个开源博客学习Vite2 + Vue3 (一)搭建项目

前言 不会 webpack,遇到报错就一头雾水,完全不知道怎么办,而且体积还大速度还慢。 所以尤雨溪做了 vite 后就很向往,只是知道自己水平有限还是等大佬先趟趟坑,等差不多了在跳。 现在vite 发布了,官网也有了,网上也能找到大佬写的相关资料,时机应该成熟可以往里跳了。 所以打算做个开源博客,一边做这个小项目,一边学习 vite 和vue ,还有相关知识。 为啥选择博客呢 因为功能相对比较简 ...

2021-04-22 06:40 2 1038 推荐指数:

查看详情

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

项目搭建好了之后是不是可以编码了呢? 等等不要着急,我们是不是应该先设计一下?比如博客的功能等? 博客设计 先做个简单的个人博客,因为是个人版,所以可以省略注册、登录这些功能,表结构也可以简单一点。 基础功能:添加博文、显示博文、博文列表+查询+分页、讨论列表和添加讨论。 虽然功能弱了一点 ...

Sat Apr 24 01:49:00 CST 2021 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
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
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 构建项目: 建议使用yarn,可以更快一些。 然后按 ...

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
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM