前端开发小技巧 —— TypeScript篇

问题出现原因： 创建新项目配置请求这块的时候，需要使用到环境变量； Vue3中使用环境变量和Vue2不太一样，需要使用 import.meta.env 去获取，并且对应的文件中必须使用 VITE_ 开

前言 大家可以结合下面的例子看； 下面的代码就以类型 Person 为例： 以下方式二选一即可； 一、Omit<T> 作用： 以 一个类型 为 基础，支持 剔除 某些类型，然后 返回 一个 新类型；

前言 typeof 与 keyof 是 TypeScript 中常见的两个操作符； 注意： 要区分 JavaScript 和 TypeScript 中的 typeof； 一、typeof 作用： 用于

前言 给页面动态设置标题的方法有很多： 在Vue2可中，我们可以在vue.config.js中给webPack添加相应的配置项，实现动态标题； 也可以在路由规则数组中给meta对象添加属性（一般都是t

前言 如果在一个项目中有很多png、jpg等等格式的图片，我们一般会将这些零散的图片合成一张 精灵图 ，通过背景图片的定位去使用不同的图片； 如果一个项目使用到的图标绝大部分是svg格式的，为了简化使

主要介绍TS常用类型的用法以及一些注意事项，后续会慢慢补充相关类型的特殊用例； 基本类型、值（字面量）类型、联合类型、交叉类型、数组类型、元组类型、函数、类型别名、接口、泛型、类型断言等；

一、错误展示 二、错误分析 我这个错误显示，导出的变量具有或正在使用外部模块“xxx”中的名称“ResDataType”； ResDataType这个是我定义的类型名称； 在当前文件中，可能和ResD

前言 添加组件类型的方式有两种： 局部组件； 全局组件、自动注册组件： 一、局部组件 显性 的 导入组件，会 自动推导 出 组件类型； 就是使用 import xxx from 'xxx'; 这种方式

为 ref()、 reactive()、computed()、ref、props、emits、provide/inject、事件处理函数、组件模板引用标注类型； 类型声明文件的使用

前言 在开发项目的时候，如果想要使用一个组件，首先做的第一件事就是导入注册组件，在项目中，需要使用到的组件是非常多的，这里就有一下几种方式了： 将组件库进行全部的导入； 优点： 我们直接使用即可，不需

在使用 ts-node 运行 ts 文件时出现问题 test.ts文件： 执行： ts-node ./test.ts 报错： 原因： 解决： 安装插件： npm i -D tslib @types/n

前言 ts 中使用 pinia 和 Vue3 基本一致，唯一的不同点在于，需要根据接口文档给 state 标注类型，也要给 actions 标注类型； 一、定义类型文件 目标文件：src/types/

前言 本文所使用的安装方式为 pnpm，大家依然可以选用npm、yarn等方式，如果大家想使用pnpm的话，可以去看看我的另一篇文章：NodeJS、nvm、npm、yarn、pnpm 的 安装 和 使

前言 现在我接触的前端项目都是在用 axios 发请求的。在使用 JS 的时候，不用管类型， 我们直接使用即可，但是在使用 TS 开发的时候，axios 这块我自己觉得还是挺重要的，封装好 axios

在 vue2 中，使用 @ 表示 src 目录，而在 Vite + Vue3 的项目中，需要我们自己去配置，否则会报错；不管是 ts 还是 js，报错信息一样。