网站开发创业,铜川网络推广,做网站硬件工程是什么,tomcat做网站属于什么vite react 项目#xff0c;配置项目路径别名 1 安装 types/node2 在 vite.config.ts 中添加配置#xff1a;3 配置路径别名的提示 使用 vite 开发 react 项目时#xff0c;可以通过一下步骤配置路径别名#xff1a; 1 安装 types/node
npm i -D types/node2 在 vite.con… vite react 项目配置项目路径别名 1 安装 types/node2 在 vite.config.ts 中添加配置3 配置路径别名的提示 使用 vite 开发 react 项目时可以通过一下步骤配置路径别名 1 安装 types/node
npm i -D types/node2 在 vite.config.ts 中添加配置
import { defineConfig } from vite;
import react from vitejs/plugin-react;
import path from path;export default defineConfig({plugins: [react(),],resolve: {alias: {: path.resolve(__dirname, ./src)},}
});3 配置路径别名的提示
虽然现在路径别名已经有了但是在文件中输入是没有提示路径的。 需要我们在 tsconfig.json 或 jsconfig.json 中添加配置项
如果在使用 vite 创建项目时选择的是 TypeScript 项目会自动生成 tsconfig.json 文件 若选择的是 JavaScript 项目可能不会自动生成 jsconfig.json 文件那么我们手动创建一个即可。
jsconfig.json 文件配置
{compilerOptions: {baseUrl: .,paths: {// 解决项目中使用作为路径别名导致vscode无法跳转文件的问题/*: [src/*]},// 解决prettier对于装饰器语法的警告experimentalDecorators: true,// 解决.jsx文件无法快速跳转的问题jsx: preserve},
}配置完成就有了提示路径
