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}…

邮寄收款码申请所需时间详解

在移动支付风靡的今天,收款码作为连接线上支付与线下商业活动的重要桥梁,已成为众多商家的必备工具。然而,对于初次接触收款码的商家来说,如何申请、需要准备哪些材料以及申请流程需要多长时间等问题,往往成为他们关注…

nginx 端口转发8848的nacos,达到不暴露nacos端口进行web访问nacos

一些客户端原因,云主机未开放8848端口,我们无法直接访问8848/nacos,进行nacos的配置 方法: 以docker启动的nginx和nacos(2.0.3)为例 配置nginx 80端口,配置转发到内网的IP和8848端口,172.17.0.1为docker…

Golang单例模式学习笔记

前言 单例模式是常用的一种设计模式,一般用于比如客户端、连接的创建等,防止创建多个导致性能消耗。所以我认为单例模式的核心,就是“防止重复”。本文将在Golang中进行单例模式的实现。 实现 版本1——检测-创建 最基础的版本&#xff0…

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

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

开发一个带有Servlet的webapp(重点)

【具体步骤如下】 ①在webapps目录下新建一个目录,起名crm(这个crm就是webapp的名字)。当然,也可以是其他目录,名字自拟 注意:crm就是这个webapp的根 ②在webapp的根下新建一个目录:WEB…

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组件实现文件管理器…

Hypermesh2019快捷键大全

1、F系列 F* | ShiftF* F1 | 打开帮助文件 | color F2 | delete | temp nodes F3 | replace | edges F4 | distance | tran…

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

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

游泳——所须知的那些事

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

mysql和oracle数据库的区别与联系(值得收藏)

1、mysql和oracle都是关系型数据库。 mysql默认端口:3306 默认用户root oracle默认端口 1521 默认用户system mysql的安装配置和卸载简单,oracle比较麻烦,严重的可能要你重做系统。 oracle在命令行用命令登陆:sqlplus---然后录…

react hook: useimperativeHandle

通过 useImperativeHandle,子组件可以选择性地暴露给父组件某些属性或方法,而不是将所有属性和方法暴露出去。 父组件 获得自组件的 ref,就能通过该 ref 来调用 focus来聚焦等功能 在 forwardRef 包装的组件中,ref 固定地是第二个…

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

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