从零开始创建一个 Vue3+Vite+TS+Eslint项目
一、创建一个最简单的 Vue3 项目
pnpm create vue@latest
只设置项目名，其它任何功能都不加。
二、引入 Typescript
详见 Vue3 + Vite 项目引入 Typescript
三、引入 Eslint + Pritter
详见 Vue3 + Vite + TS 项目引入 Eslint + Pritter
四、配置自动导入插件引入 Element-plus
详见 Vite 常用插件配置：自动导入模块+自动按需导入组件+动态创建图标+设置组件名
五、引入样式 Tailwindcss
详见 Vue3 + Vite 项目引入 postcss + tailwindcss
六、引入 pinia 和 pinia-plugin-persistedstate
详见 Vue3 + Vite 项目引入 pinia 和 pinia-plugin-persistedstate
相关文章：
从零开始创建一个 Vue3+Vite+TS+Eslint项目
一、创建一个最简单的 Vue3 项目 pnpm create vuelatest只设置项目名，其它任何功能都不加。 二、引入 Typescript 详见 Vue3 Vite 项目引入 Typescript 三、引入 Eslint Pritter 详见 Vue3 Vite TS 项目引入 Eslint Pritter 四、配置自动导入插件引入 El…...
Python操作neo4j库py2neo使用（一）
Python操作neo4j库py2neo使用（一） 安装（只用于测试） docker-compose .yml 文件 version: 3.8 services:neo4j:image: neo4j:5.6.0-enterprise #商业版镜像hostname: neo4jcontainer_name: neo4jports:- "7474:7474"-…...
Oracle - 多区间按权重取值逻辑 ，分时区-多层级-取配置方案(二)
Oracle - 多区间按权重取值逻辑 ，分时区-多层级-取配置方案https://blog.csdn.net/shijianduan1/article/details/133386281 某业务配置表，按配置的时间区间及组织层级取方案，形成报表展示出所有部门方案的取值； 例如࿰…...
leetcode刷题记录（四十二）——101. 对称二叉树
（一）问题描述 . - 力扣（LeetCode）. - 备战技术面试？力扣提供海量技术面试资源，帮助你高效提升编程技能,轻松拿下世界 IT 名企 Dream Offer。https://leetcode.cn/problems/symmetric-tree/description/给你…...
AutoDL安装docker问题
在AutoDL上租了卡，安装docker遇到一些问题： 1.执行 sudo docker run hello-world 报错 docker: Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running? 解决方法 先查看docker有没有启动，…...
C++头文件大全（要是还有请帮忙）
以下是 C 中常见的各类头文件分类列举（但实际远不止这些，随着标准库扩充及第三方库使用会有更多）： 输入 / 输出流相关头文件 <iostream>：用于标准输入输出，定义了 cin、cout 等对象。<fstream>…...
深度学习实战人脸识别
文章目录 前言一、人脸识别一般过程二、人脸检测主流算法1. MTCNN2. RetinaFace3. CenterFace4. BlazeFace5. YOLO6. SSD7. CascadeCNN 三、人脸识别主流算法1.deepface2.FaceNet3.ArcFace4.VGGFace5.DeepID 四、人脸识别系统实现0.安装教程与资源说明1. 界面采用PyQt5框架2.人…...
oracle排查长时间没提交的事务造成的阻塞案例
一 问题描述 开发同事反馈生产环境某个接口慢，一个普通的按主键更新的update竟然需要5分钟，而我手动执行秒返回，猜测是发生了阻塞，需要排查出阻塞源。 有时，一个事务里会包含多个sql，有的还包含上传附件等…...
React第七节 组件三大属性之 refs 的用法注意事项
1、定义 React 中refs 是允许我们操作DOM 访问组件实例的一种方案。开发人员可以直接使用 refs 访问操作DOM，而不用自身的数据状态，这种方案在实际开发过程中是有必要的，但是不建议通篇使用refs操作DOM，如果是这样，那…...
工程企业需要什么样的物资管理系统？为什么需要物资管理系统？
一、背景与意义 在工程项目的建设中，无论是高楼大厦的拔地而起，还是高速公路的绵延铺展，物资都是最基础的要素之一。从钢筋水泥到施工机械，任何一种物资的管理不善都可能导致项目延误、成本超支，甚至质量问题。然而&a…...
基于网页的大语言模型聊天机器人
代码功能 用户交互界面： 包括聊天历史显示区域和输入框，用户可以输入消息并发送。 消息发送和显示： 用户输入消息后点击“Send”按钮或按下回车键即可发送。 消息发送后显示在聊天记录中，并通过异步请求与后端 AI 模型通信&am…...
深入理解索引（一）
1.引言 在数据库和数据结构中，索引（Index）是一种用于提高数据检索速度的重要机制。本文将详细深入介绍索引。 2. 索引的分类 2.1 B - 树索引（B - Tree Index） 2.1.1 结构细节 树状结构：B - 树索引是一…...
动态规划子数组系列一＞最长湍流子数组
1.题目： 解析： 代码： public int maxTurbulenceSize(int[] arr) {int n arr.length;int[] f new int[n];int[] g new int[n];for(int i 0; i < n; i)f[i] g[i] 1;int ret 1;for(int i 1; i < n-1; i,m. l.kmddsfsdafsd){int…...
MATLAB矩阵元素的修改及删除
利用等号赋值来进行修改 A ( m , n ) c A(m,n)c A(m,n)c将将矩阵第 m m m行第 n n n列的元素改为 c c c，如果 m m m或 n n n超出原来的行或列，则会自动补充行或列，目标元素改为要求的，其余为 0 0 0 A ( m ) c A(m)c A(m)c将索引…...
对 TypeScript 中函数如何更好的理解及使用？与 JavaScript 函数有哪些区别？
TypeScript 中函数的理解 在 TypeScript 中，函数本质上与 JavaScript 中的函数类似，但是它增强了类型系统的支持，使得我们可以对函数的参数和返回值进行更严格的类型检查。这样可以有效减少类型错误，提高代码的可维护性和可读性。…...
ubuntu搭建k8s环境详细教程
在Ubuntu上搭建Kubernetes（K8s）环境可以通过多种方式实现，下面是一个详细的教程，使用kubeadm工具来搭建Kubernetes集群。这个教程将涵盖从准备工作到安装和配置Kubernetes的所有步骤。 环境准备 操作系统：确保你使用的…...
ubuntu安装Eclipse
版本 ubuntu16.04 64bitEclipse 2019-12 （太高容易崩溃）下载：wget https://archive.eclipse.org/technology/epp/downloads/release/2019-12/R/eclipse-java-2019-12-R-linux-gtk-x86_64.tar.gzjdk安装 将jdk1.8.0_211-linux-x64.tar.gz解压到…...
C#里怎么样使用线程暂停？
C#里怎么样使用线程暂停？ 如果一个线程没有任务在处理，并且又不进行暂停， 这时候，这个线程就会把当前这个CPU占满，即是所谓的死循环。 因此我们设计线程时，一定要知道线程在什么时候没有工作处理时， 就需要进入等待状态，不能再进行下去，否则会导致死循环， 只是耗费…...
畅听FM 3.0.0 | 很有果味的电台软件，超多FM电台，支持播放本地音乐
畅听FM是一款简洁且富有设计感的电台软件，支持收听超多FM电台，还支持播放本地音乐，甚至可以用网址创建音乐源。3.0新版本主要改进了对Android 4.x系统的支持，使得老旧电视和车机也能安装使用，并且新增了横屏显示功能&a…...
力扣面试经典 150(上)
文章目录 数组/字符串1. 合并两个有序数组2. 移除元素3. 删除有序数组中的重复项4. 删除有序数组的重复项II5. 多数元素6. 轮转数组7. 买卖股票的最佳时机8. 买卖股票的最佳时机II9. 跳跃游戏10. 跳跃游戏II11. H 指数12. O(1)时间插入、删除和获取随机元素13. 除自身以外数组的…...
红外信号逆向工程：破解电磁炉协议实现抽油烟机智能联动
1. 项目概述：当电磁炉与抽油烟机“对话”厨房里的自动化，听起来像是未来智能家居的专属，但其实很多乐趣和便利就藏在身边已有的设备里。我最近给家里的厨房换上了一台新的电磁炉，在翻阅说明书时，偶然发现了一个名为“h…...
从零到远程：手把手教你用Electerm搞定Ubuntu Server的SSH连接与防火墙配置
从零到远程：手把手教你用Electerm搞定Ubuntu Server的SSH连接与防火墙配置当你第一次面对Ubuntu Server时，最迫切的需求可能就是如何安全地远程管理它。作为运维新手或开发者，掌握SSH连接和防火墙配置是进入Linux世界的第一道门槛。本文将带你…...
为Claude Code配置Taotoken解决账号封禁与Token不足难题
🚀 告别海外账号与网络限制！稳定直连全球优质大模型，限时半价接入中。 👉 点击领取海量免费额度 为Claude Code配置Taotoken解决账号封禁与Token不足难题 对于依赖Claude Code进行日常编程辅助的开发者而言，直接使用官…...
VMnet8 的8到底是什么意思？
它的本质是：8 仅仅是一个 内部标识符 (Internal Identifier) 或 数组索引 (Array Index)，用于在 VMware 的虚拟化网络栈中唯一标识 NAT 模式 对应的虚拟交换机实例。它没有任何数学、物理或协议层面的特殊含义（如端口号、版本号或二进制位&am…...
UE4插件开发实战：手把手教你为自定义资源创建独立的3D预览窗口（基于SEditorViewport）
UE4插件开发实战：打造自定义资源的3D预览视口在虚幻引擎4的编辑器扩展开发中，为自定义资源提供直观的3D预览功能是提升工具链效率的关键环节。想象一下，当技术美术师调整一把自定义武器的参数时，能够实时看到模型变化，…...
基于心理生理测试数据的认知年龄预测：从数据清洗到集成学习实战
1. 项目概述：从心理生理测试数据中预测认知年龄在认知科学和健康老龄化研究领域，我们常常面临一个核心挑战：如何客观、量化地评估一个人的“认知年龄”。这个概念不同于生理年龄，它反映的是个体基于其当前认知功能表现（…...
终极指南：3步免费搞定Android Studio中文界面，开发效率提升50%！
终极指南：3步免费搞定Android Studio中文界面，开发效率提升50%！ 【免费下载链接】AndroidStudioChineseLanguagePack AndroidStudio中文插件(官方修改版本） 项目地址: https://gitcode.com/gh_mirrors/an/AndroidStudioChineseL…...
告别AssetBundle！用Unity Addressables实现资源热更，我踩过的坑都帮你填平了
从AssetBundle到Addressables：Unity资源热更的现代化迁移指南第一次接触Unity Addressables时，我正被AssetBundle的各种问题折磨得焦头烂额。那是一个周五的深夜，项目即将上线，却因为AssetBundle的依赖关系混乱导致热更新失败。在…...
wx-calendar：原生微信小程序日历组件的架构深度解析与技术实现原理
wx-calendar：原生微信小程序日历组件的架构深度解析与技术实现原理 【免费下载链接】wx-calendar 原生的微信小程序日历组件（可滑动，标点，禁用） 项目地址: https://gitcode.com/gh_mirrors/wxcale/wx-calendar …...
数据集上新：柬埔寨环境健康入户调查
本数据集基于柬埔寨马德望省约400户家庭的环境健康入户调查而成，包括基本社会经济信息、家庭成员结构、呼吸道健康信息、其他健康信息（包括部分测量信息）、营养信息、清洁炉灶和燃料使用、风险和时间偏好、调查员自观察信息等数百条子数据。如…...