原文:做個開源博客學習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