当前位置：首页 > news >正文

前端路径“@/“的使用和配置

news 2026/3/27 16:15:03

环境：vite+ts

需要安装types/node

npm install @types/node --save-dev

在tsconfig.json中添加

如果有tsconfig.app.json和tsconfig.node.json文件，则在app.json中添加

"compilerOptions": {"baseUrl":".","paths": {"@/*": ["src/*"] // 映射 @/* 到 src/* },}，"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]

在vite.config.ts文件中加上如下代码


import { resolve } from "path"resolve: {alias: {'@': resolve(__dirname, 'src') // 兼容src目录下的文件夹可通过 @/components/HelloWorld.vue写法 }
},

在这里插入图片描述

使用

配置好之后就可以在vue中使用“@/”了，不会再报错
在这里插入图片描述

前端路径“@/“的使用和配置

环境：vitets 需要安装types/node npm install types/node --save-dev在tsconfig.json中添加如果有tsconfig.app.json和tsconfig.node.json文件，则在app.json中添加 "compilerOptions": {"baseUrl":".","paths&q…...

编程日记 2024/12/9 5:35:02

动态规划子序列问题系列一＞最长递增子序列

题目： 解析： 代码： public int lengthOfLIS(int[] nums) {int n nums.length;int[] dp new int[n];int ret 1;//最坏情况为1//初始化for(int i 0; i < n; i) dp[i] 1;for(int i 1; i < n; i){for(int j 0; j < i-1; j)if(…...

编程日记 2024/12/9 5:34:00

链表头文件大更新！！！

引言原文章:链表简介及自制链表操作头文件_自己写一个链表头文件-CSDN博客。此次更新添加了更多功能，让改头文件更人性化。安装教程见原文章。介绍 linked_list.h 头文件 linked_list.h 是一个 C 头文件，定义了一个模板类 LinkedList&#xff…...

编程日记 2024/12/9 5:32:59

力扣3381.长度可被K整除的子数组的最大元素和

力扣3381.长度可被K整除的子数组的最大元素和题目题目解析及思路题目要求返回一段长度为K的倍数的最大子数组和同余前缀和代码 class Solution { public:long long maxSubarraySum(vector<int>& nums, int k) {int n nums.size();vector<long long>…...

编程日记 2024/12/9 5:30:57

package mainimport ("fmt""net/http" )func first(w http.ResponseWriter, r *http.Request) {fmt.Fprintln(w, "多函数-first") }func second(w http.ResponseWriter, r *http.Request) {fmt.Fprintln(w, "多函数-second") }func ma…...

编程日记 2024/12/9 5:29:56

优化器与优化方法：在现代科学与工程中的应用

目录编辑优化器：机器学习中的参数调整 1. 梯度下降系列 2. 动量法（Momentum） 3. Adagrad 4. RMSprop 5. Adam 优化方法：寻找系统最优解线性规划非线性规划凸优化非凸优化结论在当今的科学和工程领域&#…...

编程日记 2024/12/9 5:28:55

笔记本外接显示屏没声音

1、笔记本正常有声音，但是外接显示屏后没有声音了怎么回事呢？原来外接显示屏后笔记本的声音输出会自动选择显示屏的音频输出，但是显示屏可能没有声音输出所以导致笔记本没有声音。 2、解决办法：打开笔记本设置，选择声…...

编程日记 2024/12/9 5:27:54

vue框架

Vue.js是一种用于构建用户界面的JavaScript框架。它是一个轻量级框架，被设计为逐渐采用的渐进式框架，可以与现有项目集成，也可以作为一个完整的单页应用程序框架使用。 Vue.js具有以下特点： 简单易学：Vue.js的API简单…...

编程日记 2024/12/9 5:25:51

Vue指令（一）--v-html、v-show、v-if、v-else、v-else-if、v-on、v-bind、v-for、v-model

目录 （一）初识指令和内容渲染指令v-html 1.v-html 案例： 官网的API文档 （二）条件渲染指令v-show和v-if 1. v-show 2. v-if （三）条件渲染指令v-else和v-else-if 案例 （四…...

编程日记 2024/12/9 5:24:49

ElK 8 收集 MySQL 慢查询日志并通过 ElastAlert2 告警至飞书

文章目录 1. 说明2. 启个 mysql3. 设置慢查询4. filebeat 设置5. 触发慢查询6. MySQL 告警至飞书 1. 说明 elk 版本：8.15.0 2. 启个 mysql docker-compose.yml 中 mysql： mysql:# restart: alwaysimage: mysql:8.0.27# ports:# - "3306:3306&q…...

编程日记 2024/12/9 5:22:46

QT通过在线安装器安装【详细】

在线安装器地址： 官方在线安装器：Index of /official_releases/online_installers (qt.io) 通过命令行启动安装页面直接双击qt安装程序，在线安装会非常慢，甚至安装失败，所以通过命令行页面启动安装页面。点击wind…...

编程日记 2024/12/9 5:21:45

34.1 uber开源的m3db简介

本节重点介绍 : m3db自己的定位m3db自己的架构m3db自己的组件两句话简介 M3最初是在优步开发的，目的是提供对优步业务运营，微服务和基础架构的可视性由于M3具有轻松进行水平扩展的能力，因此它为所有监视用例提供了一个集中式存储解决方案…...

编程日记 2024/12/9 5:18:40

MATLAB 最小二乘点云拟合球（89）

MATLAB 最小二乘点云拟合球（89）一、算法介绍二、算法实现1.代码2.结果这是缘，亦是最美的相见一、算法介绍球面拟合算法是一种通过数学方法将一组三维点（通常在三维空间中分布）拟合到一个理想的球形表面上。这个过程通常涉及使用最小二乘法来最小化实际数据点与拟合的…...

编程日记 2024/12/9 5:17:39

【Altium Designer 】AD如何使用嘉立创元器件的3D封装

1.下载3D封装以STM32F407VGT6为例，进入嘉立创商城网站，找到需要的元器件封装复制编号，打开嘉立创EDA，编译器选择专业版，新建工程，点击PCB1 复制编号在搜索框中，点击搜索，然后放置…...

编程日记 2024/12/9 5:13:35

G15沈海高速茶白高架自动化监测

1. 项目简介 G15 沈海高速公路北起辽宁省沈阳市苏家屯区金宝台枢纽，与沈阳市绕城高速公路（国家高速 G1501）相接，南至海南省海口市秀英区粤海枢纽，与海南地区环线高速公路（国家高速 G98）相交&am…...

编程日记 2024/12/9 5:08:29

网站从渗透到mssql提权全过程

2|0渗透全过程 1.信息收集-端口探测 1）Nmap端口探测：namp -sS -p 1-65535 172.16.12.103 可以看到端口开放情况 2.判断系统情况根据端口情况初步判定为IISmssql.net系统，访问web站点URL应该为：http:172.16.12.103:27689 访问…...

编程日记 2024/12/9 5:00:22

Qt多线程与QTimer详解

引用 Qt多线程中使用QTimer（常见问题汇总） [多线程]多线程使用QTimer Qt::ConnectionType：Qt不同类型connect的详细区别说明与应用 Qt的4种多线程实现方式一文搞定之Qt多线程(QThread、moveToThread) QTimer The QTimer class provides repe…...

编程日记 2024/12/9 4:58:18

基于stm23的智慧宿舍系统（DAY10）_小程序

好久没记录开发进度了，今天小程序差不多开发完了，UI这块算是比较常见了，主要功能是能连接onenet查看设备上传的数据，同时也能对设备进行一些控制下面是几个主要的函数，功能比较简单 wx.request({url: ${apiBaseUrl}/t…...

编程日记 2024/12/9 4:56:16

深入理解Spring事务

目录什么是Spring事务为什么需要Spring事务Spring事务的实现 Spring事务的传播机制Spring事务的底层原理 EnableTransactionManagement --开启Spring管理事务Import(TransactionManagementConfigurationSelector.class) --提供两个beanAutoProxyRegistrar --启用AOP的功能&am…...

编程日记 2024/12/9 4:53:12