【vue3】vue3+ts+vite项目设置路径别名
解决流程
1.安装依赖
npm install @types/node -D
2.tsconfig.json配置
{"compilerOptions": {....."baseUrl": "./","paths": {"@/*": ["./src/*"]}},.....
}
3.vite.config.ts配置
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve,join } from 'path'export default defineConfig({//设置别名resolve: {alias: {"@": join(__dirname, './src'),//路径别名},extensions: [".vue",'.js', '.json', '.ts']//使用别名省略的后缀名},plugins: [vue()]
})
最终效果
✨ 踩坑不易，还希望各位大佬支持一下 \textcolor{gray}{踩坑不易，还希望各位大佬支持一下} 踩坑不易，还希望各位大佬支持一下
【vue3】vue3+ts+vite项目设置路径别名相关推荐
- vue3 setup + ts + vite 项目问题解决：Cannot find module ... or its corresponding type declarations.（ts2307）
昨日我尝试使用vue3 setup + ts + vite进行vue3项目的实现,遇到此问题: Cannot find module ... or its corresponding type dec ...
- idea vue项目设置路径别名（适用于@vue/cli 高版本）
方法一 打开设置 File > Settings > Languages & Frameworks > JavaScript > Webpack 设置webpack c ...
- 前端vue3+typescript搭建vite项目(初识vite+项目配置完善+屏幕适配)
一.文章引导 #mermaid-svg-1aHB08JglRY7yGzA {font-family:"trebuchet ms",verdana,arial,sans-serif; ...
- 如何搭建一个完整的Vue3.0 + ts 的项目
如何搭建一个完整的Vue3.0 + ts 的项目 相信9月18日尤大大的关于Vue3.0的发表演讲大家一定有所关注,现在Vue3.0 也已经进入RC阶段(最终产品的候选版本,如果没有问题则可发布成为正 ...
- Vue之vue项目引入图片和设置路径别名
1.在vue项目中引入图片,图片放在static/img文件下,引用的时候这样写 <div class="img"><img src='static/img/fa ...
- vue-cli 项目配置路径别名
vue-cli 项目配置路径别名 1.vue-cli 2.x 配置方式 在vue-cli 2.x项目中,进入build文件夹,找到webpack.base.conf.js,编辑文件 ,并找到resol ...
- php设置路径别名,react设置文件路径别名的具体方法你知道么
文章环境: "react": "^16.13.1" 版本 react官方脚手架默认是将webpack配置隐藏起来了,在进行配置之前需要将webpack给暴露出来 ...
- 开发Vue或React项目时路径别名智能提示方案
开发Vue或React项目时路径别名智能提示方案 前言 在我们开发Vue或React项目时,每次配置完路径别名,在输入路径时都没有对应的智能提示路径,如何解决这个痛点呢? 笔者通常都是使用vscode ...
- vue3 + vite + ts 设置 @ 路径别名
由于 vite 创建项目后,tsconfig.json 已配置好对应别名,因此只需单独配置 vite.config.ts 即可. 目前 tsconfig.json 中应已有如下代码 "pat ...
最新文章
- php 静态类内存,php面向对象中static静态属性与方法的内存位置分析
- 内存区划分、内存分配、常量存储区、堆、栈、自由存储区、全局区[C++][内存管理]...
- hadoop深入研究:(五)——Archives
- HUSD审计报告：托管账户储备超7.87亿美元
- 51nod-1351：吃点心
- 手把手教你搭建Java 开发环境
- ansys mechanical 脚本编写
- python百分号用法_python中百分号表示什么意思
- 怎么找网页源文件位置_win7系统查看网页源文件的三种方法
- 笔记本双系统Windows10/Deepin15.11体验记录【Deepin15.11体验记录】第一天
- ValueError: A 0.7-series setuptools cannot be installed with distribute.
- c语言小车程序,循迹小车的C语言程序(带注释)
- LLVM中的String相关
- JMX 入门（一）基础操作
- Spring容器 SpringMVC容器 web容器的关系
- 【数论】第1章 整数的可除性 第1节 整除概念与带余除法(1) 整除及其性质
- (Realx 数论1.28)POJ 2282 The Counting Problem(区间统计数字:统计a、b之间各个数字(0~9)出现的次数)
- Latex BiB参考文献中英文名-带特殊符号
- shell脚本实现删除过期数据库中的数据
- vim插件man.vim
热门文章
- 殿影酒店即将开业，推出电影和酒店的跨界创新模式
- Python分别用单线程，多线程，异步协程爬取一部小说，最快仅需要5s
- Gitlab搭建以及解决Failed asserting that ownership of /var/opt/gitlab/.ssh was git:git错误
- 【计算机系统结构】Micro-operation微操作
- JDK的多版本安装 及 切换
- HDU_4125 Moles 线段树
- Distributed System: DFS系列 -- NFS, AFS HDFS（GFS）
- 新手进阶建模 （写论文摘要和看论文）
- 任务驱动在中职计算机课中的应用,论任务驱动教学法在中职计算机基础课上的应用...
- 什么是蓝牙(Bluetooth)