随笔分类 - vue+ts+vite
摘要:一.函数介绍 Array.reduce()方法是对数组进行遍历,返回一个计算后的值 使用方法: Array.reduce((acc, cur, idx, src) => { }, initialValue) callback回调函数接收4个参数: Accumulator (acc) (累计器) 如果
阅读全文
摘要:前言 vue3+vite+ts+element plus + scss 数据文件:https://files.cnblogs.com/files/his365/addressData4.json?t=1670855191 关键代码 /** * @description 省市县乡四级联动 * @aut
阅读全文
摘要:Vue 后台管理系统 一、系统创建 1.1、环境检测 $ node -v v18.10.0 $ npm -v 9.1.2 ## 若没有该命令 需要用 npm install -g pnpm 安装 $ pnpm -v 7.13.6 $ vue -V @vue/cli 4.5.19 1.2、创建项目 #
阅读全文
摘要:1、在构建时,发现警告了,升级npm到最新版 $ npm init vite vue-demo √ Select a framework: » Vue √ Select a variant: » TypeScript Scaffolding project in D:\vscode\vue-demo
阅读全文
摘要:1、环境安装 # 创建项目 $ npm init vite vue-vite-ts Need to install the following packages: create-vite@3.2.0 Ok to proceed? (y) y √ Select a framework: » Vue √
阅读全文
摘要:1、引入 $ npm install --save date-fns 2、使用 import { isToday, isYesterday, isTomorrow, format, addYears, addMonths, addDays, addHours, addMinutes, addSeco
阅读全文
摘要:一、高级类型 class 类型兼容性 交叉类型 泛型和keyof 索引签名类型和索引查询类型 映射类型 二、class 构造函数给变量赋值 extends 继承 implement 实现接口 public 公开,所有可见,默认,可以省略 protected:仅仅自己和子类可用 private:私有的
阅读全文
摘要:Vue VSCode Snippets 可以快速提示代码,比如输入vb Auto Close Tag :标签自动闭合 Auto Rename Tag : 自动修改标签名字 Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
阅读全文
摘要:一、介绍 vue vite TypeScript Scss Element Plus Route axios Vuex(使用pinia代替了) json-viewer 二、步骤 2.1、创建项目 使用Vite快速构建项目 Vite 是一种新型前端构建工具,能够显著提升前端开发体验。 vite的缺省端
阅读全文
摘要:一、环境准备 ts和js的区别 ts 属于静态类型,写代码时就能检查错误。是js的超类,包含js功能,多的是类型。 js 属于动态类型,只有在运行时才会报错,不会检查类型是否发生变化。 typescript 语言是 javascript 扩展而来的一个超集。typescript 的语法检查能帮助提高
阅读全文
摘要:官网地址1: https://nodejs.org/zh-cn/download/releases/ 官网地址2: https://nodejs.org/dist/ 阿里镜像: https://npm.taobao.org/mirrors/node/
阅读全文