背景:作為一個(gè)前端開發(fā),已經(jīng)深刻感受到 AI 帶來(lái)的沖擊,若不積極擁抱 AI , 一定會(huì)被 AI 的浪潮拍死在沙灘上,接下來(lái)就研究一下如何安裝 Claude code。了解過(guò)...
背景:作為一個(gè)前端開發(fā),已經(jīng)深刻感受到 AI 帶來(lái)的沖擊,若不積極擁抱 AI , 一定會(huì)被 AI 的浪潮拍死在沙灘上,接下來(lái)就研究一下如何安裝 Claude code。了解過(guò)...
創(chuàng)建 src/store/modules/keepAlive.ts 并實(shí)現(xiàn) useKeepAliveStore
安裝 一、創(chuàng)建路由配置 1.1、創(chuàng)建 src/router/routes/index.ts 文件,并進(jìn)行路由配置 1.2、創(chuàng)建 types/vue-router.d.ts 自...
一、安裝 Axios 和 qs 二、創(chuàng)建 src/utils/request.ts 文件
創(chuàng)建 src/api/interface/account.interface.ts 創(chuàng)建 src/api 文件夾的目的:項(xiàng)目?jī)?nèi)所有的API請(qǐng)求,都會(huì)放在 src/api 中;...
前言:創(chuàng)建此文件的靈感來(lái)自于 await-to-js 插件[https://github.com/scopsy/await-to-js],主要用于簡(jiǎn)化 await 的錯(cuò)誤處理...
什么是pinia Pinia 是 Vue 的專屬狀態(tài)管理庫(kù),它允許你跨組件或頁(yè)面共享狀態(tài) 什么是本地持久化 本地持久化是將數(shù)據(jù)保存到本地,以便在應(yīng)用程序或系統(tǒng)重啟后仍能恢復(fù)數(shù)...
一、插件文件 1.1、 將 src/main.ts 中的 UnoCss 的樣式移動(dòng)到 src/plugins/uno.ts文件中 1.2、在 src/main.ts 中調(diào)用 ...
安裝 引入 css 文件 在 src 目錄中創(chuàng)建一個(gè) plugins 文件夾,并在 plugins 中創(chuàng)建一個(gè) antd.ts 的樣式文件 在 src/main.ts 中調(diào)用...
前言:大致了解什么是 UnoCss UnoCSS 是即時(shí)原子 CSS 引擎,其設(shè)計(jì)靈活且可擴(kuò)展。核心是不固定的,所有 CSS 工具都是通過(guò)預(yù)設(shè)提供的。你可以通過(guò)在本地 配置文...
本項(xiàng)目選擇使用 @antfu/eslint-config[https://www.npmjs.com/package/@antfu/eslint-config] 來(lái)配置 es...
對(duì)于使用 TypeScript 的開發(fā)者來(lái)說(shuō),添加類型聲明可以獲得類型檢查以及代碼提示。 可以在項(xiàng)目根目錄下創(chuàng)建一個(gè) type 文件夾,并在該文件加下創(chuàng)建一個(gè)一個(gè)的類型聲明文...
注意1:CSS 預(yù)處理器 由于 Vite 的目標(biāo)僅為現(xiàn)代瀏覽器,因此建議使用原生 CSS 變量來(lái)編寫簡(jiǎn)單的、符合標(biāo)準(zhǔn)的 CSS。話雖如此,但 Vite 也同時(shí)提供了對(duì) .sc...
Vite 在特殊的 import.meta.env 對(duì)象下暴露了一些常量。這些常量在開發(fā)階段被定義為全局變量,并在構(gòu)建階段被靜態(tài)替換,以使樹搖(tree-shaking)更有...
前言 配置 TSConfig 可以在寫代碼的同時(shí)發(fā)現(xiàn)錯(cuò)誤,提高效率,規(guī)避低級(jí)錯(cuò)誤,以及強(qiáng)大的類型系統(tǒng),提升了代碼的可維護(hù)性,使得重構(gòu)代碼更加容易等等; 一:安裝 @vue/t...
前言 在 github 中發(fā)現(xiàn)了一個(gè)寶藏項(xiàng)目,vue3-antdv-admin[https://github.com/buqiyuan/vue3-antdv-admin?ta...
我們使用 VS Code 編輯項(xiàng)目代碼經(jīng)常會(huì)使用一些快捷鍵,除了VS Code本身的快捷鍵,為了方便編輯,還可以添加 IntelliJ IDEA 的快捷鍵。 在 VS Cod...