typescript vite4 pinia vite
TypeScript关于keyof和typeof的用法分析
在用 TypeScript 的时候，我们常会类似下面的例子一样写～ ```ts enum ColorsEnum { white="#ffffff", black="#000000", } type Colors = keyof typeof ColorsEnum; ``` 其中最后一行等价于： `` ......
typescript的必要性及使用
作为一个前端语言，Javascript从最初只是用来写页面，到如今的移动终端、后端服务、神经网络等等，它变得几乎无处不在。如此广阔的应用领域，对语言的安全性、健壮性以及可维护性都有了更高的要求。尽管ECMAScript标准在近几年有了长足的进步，但是在类型检查方面依然毫无建树。在这种情况下TypeS... ......
pinia
 ![](https://img2023.cnblogs.com/blog/1327671/202306/13276 ......
Typescript 内置工具类型
Partial<T> 将类型T的属性都变为可选属性，并构造一个新类型 1 interface Inter { 2 name: string 3 age:number 4 } 5 6 type T = Partial<Inter> // { name?: string; age?: number; } ......
vue3+vite+js配置路径别名
1、让vscode认识@符号 项目下新建jsconfig.json,配置 baseUrl，paths 参数 { "compilerOptions": { "target": "esnext", "useDefineForClassFields": true, "module": "esnext", ......
typescript中 == 和 === 的区别
在 TypeScript 中，== 和 是用于比较两个值是否相等的操作符。 == 是相等比较操作符，它在比较值时进行隐式类型转换。它会尝试将两个操作数转换为相同类型，然后再进行比较。这种隐式类型转换可能会导致一些意想不到的结果。例如： console.log(1 == "1"); // true c ......
TypeScript又出新关键字了？
TypeScript 5.2将引入一个新的关键字：`using`。当它离开作用域时，你可以用`Symbol.dispose`函数来处置任何东西。 ```jsx { const getResource = () => { return { [Symbol.dispose]: () => { conso ......
vue3+ts+vite antd自定义主题和vite打包配置资源压缩和分类打包， 第十一回
直接贴出vite.config.ts 的配置 plugins:[ vue(), AutoImport({ imports: ['vue', 'vue-router'], // 自动导入vue和vue-router resolvers:[ AntDesignVueResolver(), // 自动导入 ......
vue3+ts+vite enum keyof typeof a-table columns 里的使用 第十回
export enum Roles{ SuperAdmin='超级管理员', Admin='管理员', Other='其它', ... } 首先看一个基本的枚举类的定义，是的，做过后端的道友一看就知，在我们实际开发里，枚举一直是比较常用的类型，但是如何在TS里拿到枚举的值，就需要额外的学习一下了。 ......
Vite、esbuild 以及 webpack 比较
## 一、前言 这三者的定位都有些不同，不好直接比较，但是做的事情还算类似，因此放一块拿来说说。vite 是新生技术，由其快速优秀的开发体验有取代 webpack 的趋势，但是它并不如 webpack 打包工具那么灵活，vite 内部的打包工具是采用的 esbuild，其性能之高也来自于此。 ## ......
vite 链式操作符 ?. 在低版本浏览器不兼容问题
npm i @babel/plugin-proposal-optional-chaining --save-dev npm i @babel/plugin-proposal-nullish-coalescing-operator --save-dev npm i rollup-plugin-esbu ......
使用vscode + vite + vue3+ element3 搭建vue3脚手架
技术栈 开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router状态管理：vuexAJAX：axiosUI库：element-ui 3数据模拟：mockjscss预处理：sass 构建viite + vue3 + element-ui3项目 1、安装vit ......
vite
#### 环境变量   ## 解决方法 typescript 5.0版本升级，使用了 `compilerOptions.modu ......
【Vue】Vue3+Vite 实现 SVG 组件自动加载 icons 目录下所有文件
## 1. 安装依赖插件 vite-plugin-svg-icons > vite-plugin-svg-icons 用于生成 svg 雪碧图。 > 特点： 1.预加载 在项目运行时就生成所有图标,只需操作一次 dom 2.高性能 内置缓存,仅当文件被修改时才会重新生成 [vite-plugin-s ......
Vite 组件化开发
## 什么是 Vite？ Vite 是一个基于 ES 模块的构建工具，旨在提供快速、轻量级的开发体验。与传统的打包工具不同，Vite 利用浏览器原生支持的模块加载能力，实现了更快的冷启动和热模块替换。它支持 Vue.js、React 和其他前端框架，并且具有开发服务器和优化的构建配置，可以大大提升前 ......
TypeScript中的类
### 1. 类的基本语法 在 TypeScript 中，使用 `class` 关键字来定义类。以下是一个简单的类的示例： ```typescript class Person { private name: string; age: number; constructor(name: string ......
C# and TypeScript – Enum Flags
前言 以前就有提过 Enum Flags, 但平日不常用. 最近翻 Angular 源码, 发现它很多地方用到, 而且没有封装语义代码. 一堆符号真的看不惯啊... 于是又去复习了一遍, 熟悉熟悉. 顺便写一篇做记入呗. 这篇 C# 和 TypeScript 会一起讲. 参考 深入理解 TypeSc ......
提高开发效率的 TypeScript 技巧
TypeScript 是一种由 Microsoft 开发的强类型的 JavaScript 超集语言，它为 JavaScript 添加了类型检查和更强大的开发工具支持。在使用 TypeScript 进行项目开发时，掌握一些技巧可以大大提高开发效率和代码质量。本文将介绍一些实用的 TypeScript ......
typescript之ECMAScript5、ES6
1、基础常识 1.1 简介 ECMAScript(/ekma/,简称ES)是javascript的标准化规范，其实javascript是ECMAScript的扩展语言。ES定义了一些标准的语法，JS对其进行了DOM、BOM扩展。 1.2 ES迭代史 ES6(又叫ES2015)是ECMA协会在2015 ......
TypeScript函数
1. ts函数定义 // es5函数声明 function run3(){ return 'run' } // es5匿名函数 var run4 = function(){ return 'run' } // ts函数声明 function run5():string{ return 'run' } ......
TypeScript中的数据类型
1.js有的类型 boolean类型、number类型、string类型、array类型、undefined、null 2.ts多出的类型 tuple类型（元组类型）、enum类型（枚举类型）、any类型（任意类型） 3.特别的类型 void类型（没有任何类型）表示定义方法没有返回值 never类型 ......
关于vite创建vue3项目@代替src失效的问题
用vite创建的vue3项目，用@来代替src不生效。报错：[vite] Internal server error: Failed to resolve import "@/views/xxxxxxxxxxxxx" from "src\views\dashboard\index.vue". Doe ......
vue3+vite+TS搭建项目
## 安装 npm安装方式 ```shell npm init vue@latest ``` pnpm安装方式(二选一) ```shell pnpm create vue@latest ``` 然后设置项目名称,接着选择自己需要的配置,安装完成 ......
Electron Vue Vite 开发桌面应用
## 我需要使用Electron, VUE3, Vite 开发一个桌面应用，接收来自串口的数据，并使用Plotly绘制随时间变化的曲线，请提供开发步骤，项目文件结构 好的，以下是一个基本的 Electron + Vue3 + Vite 应用的开发步骤： 确保您已经安装了 Node.js 和 npm。 ......
VS编译错误 【xxx.exe 已退出，代码为 9】【Microsoft.TypeScript.targets(561,5): error MSB6006:】
先直接上图。 错误列表报错如下： 输出列表报错如下： 解决思路如下： 1、查了百度，没找到有用的东西。 2、看了微软的官方，MSB6006：“process”在退出时出现代码 `exit code`。 - MSBuild | Microsoft Learn 原文是“执行命令并返回非零退出代码或指示其 ......
vite环境配置mockjs
[mockjs使用文档v2.9.6](https://www.npmjs.com/package/vite-plugin-mock/v/2.9.6) 1. 安装插件 ```shell npm i mockjs -S npm i vite-plugin-mock@2.9.6 ``` 2. 配置`vit ......
typescript学习：联合类型、交叉类型、可选属性和类型保护
1. 联合类型（Union Types） 联合类型是指将多个类型组合成一个类型，表示这个类型可以取这些类型中的任意一种。在 TypeScript 中，可以使用竖线 | 作为联合类型的分隔符，例如： let myVar: string | number; myVar = "hello"; // 合法 ......