Vue 使用@别名

1. 安装 @types/node

@types/node 包允许您在TypeScript项目中使用Node.js的核心模块和API,并提供了对它们的类型检查和智能提示的支持。

npm install @types/node --save-dev

比如安装之后,就可以导入nodejs的 path模块,在下面代码 import path from "path"; 中,path 是 Node.js 的核心模块之一,用于处理文件路径的操作。它提供了一些方法,用于在不同操作系统上正确解析、拼接和转换文件路径,以及获取路径的各个部分(目录名、文件名、扩展名等)。

2. 在vite.config.ts里面配置resolve

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from "path";export default defineConfig({plugins: [vue()],server: {port: 5000, // 你需要定义的端口号}resolve: {// 配置路径别名, @就代表当前项目的绝对路径   // __dirname是一个全局变量,表示当前模块所属目录的绝对路径  // path.resolve返回一个以相对于当前的工作目录(working directory)的绝对路径,   // 比如当前工作目录为 D:\205\wms-web 那么 @ 就代表 D:\205\wms-web\src  alias: {'@': path.resolve(__dirname, './src'),}
},})

3. 如果提示有标红波浪,在tsconfig.json 添加如下代码.

   "baseUrl": ".","paths": {"@/*": ["src/*"]}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/729378.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【ICCV】AIGC时代下的SOTA人脸表征提取器TransFace,FaceChain团队出品

一、论文 本文介绍被计算机视觉顶级国际会议ICCV 2023接收的论文 "TransFace: Calibrating Transformer Training for Face Recognition from a Data-Centric Perspective" 论文链接:https://arxiv.org/abs/2308.10133 开源代码:https://an…

GAMMA电源维修高压直流电源ES30P-5W ES系列

美国Gamma高压电源维修型号:D-ES30R-10N-5W/M,LXR30-1N,XRM5N-100W,ES50P-10W/DDPM,ES60P-10W/DDPM,RR20-20P/DDPM,ES30P-10W,ES60P-10W DDPM,RR60-18P/220V,…

快看!提高效率,还得看工作流表单引擎

经常有客户会问我们:究竟用什么样的工具才能打破信息孤岛,让大家互联联络起来?其实,说到这,有不少人会联想到低代码技术平台。不错,在快节奏的发展社会中,高效率的办公目的已经是大家的追求和发…

java的参数传递机制(引用类型)

1.除了非引用类型的形参传递,还有引用类型的变量形参传递,但引用类型的形参变量传递与非引用类型是不同的!!! public class MethodDemo2 {public static void main(String[] args) {int[] arr new int[]{10,20,30,9}…

未来仓储解决方案:深入了解自动码垛托盘分配技术

在现代物料处理过程中,自动码垛托盘(栈板)分配机扮演着至关重要的角色。这类设备被广泛应用于制造业、物流仓储等领域,凭借其高效、准确且可靠的性能,成为提高生产效率和降低运营成本的关键工具。 自动码垛托盘分配机…

0-超详细基础安装linux系统-kali

软件以及kali镜像获取 vm 链接:https://pan.baidu.com/s/1u5Kfc6FVc_1awIHECVXh-Q?pwde963 提取码:e963 kali 链接:https://pan.baidu.com/s/1TeGXkwFKrpz9aUL8k2ff2g?pwdhu3v 提取码:hu3v 1.打开虚拟机选择新建虚拟机 安…

MySQL常见的存储引擎介绍

我将为您详细讲解 MySQL 常见的存储引擎,以及它们的使用场景、特点、区别和优势。MySQL 支持多种存储引擎,每种存储引擎都有其特定的优势和局限性。了解这些存储引擎的特点和适用场景对于选择合适的存储引擎以及优化数据库性能至关重要。 1. InnoDB 存储…

pytorch续写tensorboard

模型训练到一半有 bug 停了,可以 resume 继续炼,本篇给出 pytorch 在 resume 训练时续写 tensorboard 的简例,参考 [1-3],只要保证 writer 接收的 global step 是连着的就行。 Code import numpy as np from torch.utils.tensor…

【算法刷题】Day30

1. 汉诺塔问题 原题链接 题干: 算法原理: 利用递归算法 将x柱子上的一堆盘子,借助 y柱子,转移到z 柱子上面 递归函数流程: 当前问题规模为 n1 时,直接将 A 中的最上面盘子挪到 C 中并返回递归将 A 中最…

C++ Qt开发:QFileSystemModel文件管理组件

Qt 是一个跨平台C图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍如何运用QFileSystemModel组件实现文件管理器…

开关电源安规测试标准与测试要求

安规测试是对开关电源进行电气性能、安全性能等检测,确保开关电源符合规定并且安全可靠,为开关电源的质量把关。那么开关电源安规测试有哪些测试要求和标准呢? 开关电源安规测试要求 一、测试前 1. 首先,要检查测试环境&#xff0…

游泳——所须知的那些事

游泳是一项大家喜爱的健身活动,带夏季的时候游泳场所成了大家常去的休闲活动场地,但也会存在一定的安全风险,为了保证游泳的安全,需要知道一些事情: 1.清楚的知道游泳池的深度 大部分游泳场馆的泳池是有深浅区的&…

第四篇【传奇开心果系列】Python的自动化办公库技术点案例示例:深度解读Pandas生物信息学领域应用

传奇开心果博文系列 系列博文目录Python的自动化办公库技术点案例示例系列 博文目录前言一、Pandas生物学数据操作应用介绍二、数据加载与清洗示例代码三、数据分析与统计示例代码四、数据可视化示例代码五、基因组数据分析示例代码六、蛋白质数据分析示例代码七、生物医学图像…

STM32/GD32——电源管理单元PWU

芯片选型 Ciga Device — GD32F470系列 PWU介绍 PMU全称Power Management Unit,电源管理单元。 电源域 总共有三大电源域,包括VDD / VDDA域,1.2V域和备份域。 VDD/VDDA 域 提供PMU 常规电源供应以下模块的供电: 看门狗主频晶…

Spring笔记——Bean的生命周期

Spring其实就是一个管理Bean对象的工厂,它负责对象的创建,对象的销毁等。生命周期的本质是:在哪个时间节点上调用了哪个类的哪个方法。我们可能需要在某个特殊的时间点上执行一段特定的代码,因此要了解在这个生命线上有哪些特殊时…

YoloV8改进策略:Block改进|自研Block,涨点超猛|代码详解|附结构图

涨点效果 涨点效果:在我自己的数据集上,mAP50 由0.986涨到了0.993,mAP50-95由0.737涨到0.757,涨点明显! 参考模型 参考的Block,如下图: 我对Block做了修改,修改后的结构图如下: 代码详解 from timm.models.layers import DropPathfrom torch import Tensor def …

AI数字虚拟人来了你会失业吗?

AI数字虚拟人是一种由人工智能技术驱动的虚拟实体,以及通过语音和图像等界面与人进行交互。它可以模拟人的外貌、声音和行为,并能回答问题、提供信息和执行特定任务。AI数字虚拟人已经开始在各个领域得到广泛应用,例如客户服务、教育、医疗保…

Java二级--操作题详解(1)

目录 1.第一套: 1.1 基本操作: 1.2 题解分析: 2.1 简单应用: 2.2 解题分析: 3.1 综合应用: 3.2解题分析: 1.第一套: 1.1 基本操作: 在考生文件夹中存有文件名为J…

Facebook商城号防封养号技巧,速看

由于Facebook商城的高利润空间,越来越多的跨境电商商家注意到它的存在。Facebook作为全球最大、用户量最大的社媒平台,同时也孕育了一个巨大的商业生态,包括广告投放、商城交易等。依托背后的大流量,Facebook商城起号较快&#xf…

【李沐精读系列】GPT、GPT-2和GPT-3论文精读

论文: GPT:Improving Language Understanding by Generative Pre-Training GTP-2:Language Models are Unsupervised Multitask Learners GPT-3:Language Models are Few-Shot Learners 参考:GPT、GPT-2、GPT-3论文精读…