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