找到vite.config.ts配置文件
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
//引入node提供内置模块path:可以获取绝对路径
import path from 'path'
export default defineConfig({
plugins: [vue()],
//src文件夹配置别名
resolve: {//路径
alias: {//别名
"@": path.resolve(__dirname, 'src')//__dirname是node提供的全局变量
}
}
})
如果有红色语法提示安装@types/node,是TypeScript的一个声明文件包。用于描述Node.js核心模块和常用的第三方库的类型信息。
npm i @type/node --save-dev
然后找到tsconfig.json配置文件,找到配置项compilerOptions添加配置,这一步的作用是让IDE可以对路径进行之智能提示。
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}