书架

书架

=一个知识书库=

vite配置-配置tsconfig

vite配置-配置tsconfig

## 1. 新建 src/typings.d.ts(在src文件夹下新建) ```js //声明window上自定义属性,如事件总线 declare interface Window { eventBus: any; } //声明.vue文件 declare module "*.vue" { import { DefineComponent } from "vue"; const component: DefineComponent<object, object, any>; export default component; } ```
more...
vite配置-设置路径别名

vite配置-设置路径别名

> 相对路径别名配置,使用 @ 代替 src # 一、安装@types/node > `import path from 'path'`时,vscode会出现波浪线,编译时会报错:TS2307: Cannot find module 'path' or its corresponding type declarations. 安装@types/node即可 ```bash pnpm i @types/node -D ``` <!--more--> # 二、更改`vite.config.ts`文件 ## 1.写法一 ```typescript
more...
vite配置-整合Axios

vite配置-整合Axios

> Axios 基于promise可以用于浏览器和node.js的网络请求库 参考: [Axios 官方文档](https://www.axios-http.cn/docs/intro) <!--more--> # 一、整合 Axios ## 1.安装依赖 ```bash npm install axios ``` ## 2.Axios 工具类封装 src同级新建utils文件夹,创建request.ts文件 ```typescript // src/utils/request.ts import axios, { InternalAx
more...
vite配置-整合Element Plus

vite配置-整合Element Plus

> 参考官网: [element plus 按需自动导入](https://element-plus.gitee.io/zh-CN/guide/quickstart.html#%E6%8C%89%E9%9C%80%E5%AF%BC%E5%85%A5) 前提:需要完成 **自动导入** 的安装和配置,参考:[vite配置-自动导入](http://www.lixianglong.cn/2024/08/13/application/fore-end/vite/vite配置-自动导入/) <!--more--> ## 1.安装 Element Plus ```bash np
more...
vite配置-整合Pinia

vite配置-整合Pinia

> Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态。 > 参考:[Pinia 官方文档](https://pinia.vuejs.org/zh/getting-started.html) <!--more--> ## 1.安装依赖 ```bash npm install pinia ``` ## 2.`main.ts` 引入 `pinia` ```typescript // src/main.ts import { createPinia } from "pinia"; import App from "./App.vue
more...