vue3+vite+TS配置项目别名“@/“

安装依赖

npm i -D @types/node

一.在tsconfig.json里添加

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

二.vite.config.ts里添加

import * as path from "path"resolve:{alias:{"@":path.join(__dirname,'src'),"#":path.join(__dirname,'types')}},

配置好后开始书写@/后文件夹目录无提示

settigs.json (这样@/就有提示了)

"path-intellisense.mappings": {    "@":"${workspaceRoot}/src"},

完成！

vue3+vite+TS配置项目别名“@/“相关推荐

【记录】VUE3 + VITE + TS 配置跨域
[记录]VUE3 + VITE + TS 配置跨域在vite.config.ts进行如下设置在vite.config.ts进行如下设置 server: {host: true,// 设置端口号po ...
vue3 + vite + ts 设置 @ 路径别名
由于 vite 创建项目后,tsconfig.json 已配置好对应别名,因此只需单独配置 vite.config.ts 即可. 目前 tsconfig.json 中应已有如下代码 "pat ...
vue3 +vite+ts实战项目添加 eslint + prettier + lint-staged 踩坑指南
初始化项目 // 创建一个空的 vue3-ts 项目, yarn create vite my-vue-app --template vue-ts // 安装依赖 cd my-vue-app & ...
Vue3+Vite+TS后台项目 ~ 4. axios请求封装
一.axios封装 1. request 请求封装新建 src / utils / request.ts 文件: import axios from 'axios'const request = a ...
vue3+vite+ts+echarts项目问题汇总
一:引入echarts 安装依赖npm install echarts --save . 在main.ts中引入并挂载到实例上 import * as ECharts from 'echarts'co ...
Vue3+Vite+TS后台项目 ~ 10.商品管理
唯有热爱,可抵岁月长河一.商品列表 ⒈ 接口封装新建 src / api / product.ts 文件 import request from '@/utils/request' import ...
【Vue3+Vite+TS项目集成ESlint +Prettier实现代码规范检查和代码格式化】
目录前言创建项目安装初始化ESlint 安装ESlint: 初始化ESlint: 安装配置Prettier 安装prettier: 配置prettier: 配置VScode保存时自动格式化代码 ...
vite + react + ts 配置路径别名alias
vite + react + ts 配置路径别名alias vite + react + ts 配置路径别名alias 首先下载 @types/node 包第一步配置 tsconfig.js 第二部 ...
vue3：vue3+vite+ts+pinia
一.背景记录一套技术方案. 二.项目基础 2.1.创建项目 yarn create vite 输入名字后,这里出现了几个选项,不清楚都是干啥的,下来研究选择后完成 2.2.vite.config. ...

vue3+vite+TS配置项目别名“@/“

安装依赖

一.在tsconfig.json里添加

二.vite.config.ts里添加

settigs.json (这样@/就有提示了)

完成！

vue3+vite+TS配置项目别名“@/“相关推荐

最新文章

热门文章