vue3 ts vite项目配置根目录：用@代替../

运行命令
```
yarn add path

yarn add @types/node
```

找到 vite.config.ts 文件

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// 引入path
import path from 'path'


export default defineConfig({
    // 配置
    resolve: {
        alias: {
          '@': path.resolve(__dirname, 'src')
        }
    },
    plugins: [vue()],
})

找到 tsconfig.json 文件

// 在 compilerOptions 中配置

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

然后就可以直接使用@代替../啦

标签

yarn

vue3 ts vite项目配置根目录：用@代替../

运行命令

找到 vite.config.ts 文件

找到 tsconfig.json 文件

[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

头歌答案Python——JSON基础

数仓的两种轻量级数据交换格式：json与jsonb

Error creating model JSON com.fasterxml.jackson.core.JsonParseException: Unexpected character (‘)‘

Chrome浏览器插件之 JSON View（json数据格式化显示)

【npm run serve】报错

npm使用淘宝镜像源设置大全

关于vsCode创建后，不显示NPM脚本解决

微信小程序【构建npm】使用记录

npm报错：These dependencies were not found:* canvas in ./node_modules/pdfh5/js/pdf.js* dommatrix/dist/d

前端哥

exceljs

[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json

【Mybatis整合mysql之Json类型属性适配&&手把手】

JAVA对象、List、Map和JSON之间的相互转换

解决：JSON parse: Cannot deserialize value of type ‘XXX‘ from Array value (token `JsonToken.START_ARRRA

Java研学-JSON与AJAX

HttpMediaTypeNotSupportedException: Content type ‘application/json；charset=UTF-8‘ not supported

头歌答案Python——JSON基础

Spring(24) Json序列化的三种方式（Jackson、FastJSON、Gson）史上最全！

@JSONField或@JsonProperty注解使用

1
轻松掌握数据库中JSON数据提取：json_extract函数用法详解

2024-05-09 11:05:011000

2
HTML5(六)——Canvas 高级操作

2024-05-09 10:05:191000

3
UE4.27支持HTML5

2024-05-07 13:05:261000

4
前端vue项目使用Decimal.js做加减乘除求余运算

2024-04-23 21:04:401000

5
js数组常用方法（19种）|你会的到底有多少呢？

2024-04-08 11:04:211000

6
【Echarts系列】—— 实现电池图、3D立体圆形柱状图

2024-03-03 11:03:011000

7
ECharts 饼状图颜色设置

2024-02-16 14:02:001000

8
echarts实现动态渲染多柱图

2024-02-12 14:02:341000

9
移动端css布局大全

2024-02-06 15:02:421000

10
使用HTML5和JS实现日期下拉框功能

2024-02-04 11:02:521000