摘要: 1.使用cli创建项目 npm create vite@latest 项目名 --template react-ts 2.因为css功底偏弱,所以必须也是完全有必要的,在这里必须集成一下tailwind css, npm install tailwindcss autoprefixer postcs 阅读全文
posted @ 2023-10-11 16:37 大楚打码人 阅读(6) 评论(0) 推荐(0) 编辑
摘要: fix: 修复bug feat: 添加新功能或功能改进 refactor: 代码重构,既不修复错误也不添加新功能的代码更改 docs: 更新文档,如 README、文档注释等 style: 代码样式调整,例如格式化、空格、缺少分号等,对代码逻辑没有实质性影响 test: 添加或修改测试代码 chor 阅读全文
posted @ 2023-09-22 10:46 大楚打码人 阅读(4) 评论(0) 推荐(0) 编辑
摘要: git clean -fd 阅读全文
posted @ 2023-07-14 11:19 大楚打码人 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 直接贴出vite.config.ts 的配置 plugins:[ vue(), AutoImport({ imports: ['vue', 'vue-router'], // 自动导入vue和vue-router resolvers:[ AntDesignVueResolver(), // 自动导入 阅读全文
posted @ 2023-06-27 16:44 大楚打码人 阅读(347) 评论(0) 推荐(0) 编辑
摘要: export enum Roles{ SuperAdmin='超级管理员', Admin='管理员', Other='其它', ... } 首先看一个基本的枚举类的定义,是的,做过后端的道友一看就知,在我们实际开发里,枚举一直是比较常用的类型,但是如何在TS里拿到枚举的值,就需要额外的学习一下了。 阅读全文
posted @ 2023-06-27 16:36 大楚打码人 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 1.先来回忆下路由的代码段 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router' const routes:Array<RouteRecordRaw>=[ { path:'/', name:'H 阅读全文
posted @ 2023-06-13 11:45 大楚打码人 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 概要:因axios自定义封装在了独立的ts文件里,无法像Element-plus的loading的使用那样,在独立的ts文件里引入使用,所以改用基于pinia的store 和 a-spin 指令实现。封装的axios只控制一个可变量,显示 || 影藏。 1.在store 目录下新建一个loading 阅读全文
posted @ 2023-06-13 11:21 大楚打码人 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 编程尽头谁为峰,一遇AI道成空。 1.Element-plus确实很优秀,但尽管这么优秀,我还是想一领ant-design的风采。 // 安装ant-design-vue npm install ant-design-vue --save 2.在main.ts里引入相关样式等 import Antd 阅读全文
posted @ 2023-06-13 11:02 大楚打码人 阅读(101) 评论(0) 推荐(0) 编辑
摘要: #安装pinia npm install pinia #安装持久化插件 npm install pinia-plugin-persist 1.接下来修改我们的main.ts import { createPinia } from "pinia"; // pinia 数据持久化 import pini 阅读全文
posted @ 2023-06-05 16:37 大楚打码人 阅读(24) 评论(0) 推荐(0) 编辑
摘要: // 安装axios npm install axios 和第三方js-cookie、qs 。懂的都懂。 由于很多业务复杂,后端被拆分成多个微服务,所以axios必须来一层简单的封装。下面贴出整个request.ts 脚本在types目录下,新建axios.d.ts ,内容如下 import { A 阅读全文
posted @ 2023-06-05 14:07 大楚打码人 阅读(308) 评论(0) 推荐(0) 编辑