ssts-hospital-web-master项目实战记录四：主要配置

标签：web vue 配置文件 src ssts hospital import true vite

记录时间：2024-10-23

1.配置浏览器自动打开

配置文件：package.json

  "scripts": {     "dev": "vite --open"   }   2.配置src别名 （1）安装 @types/node 输入npm命令 npm i @types/node --save-dev

（2）配置文件：vite.config.ts

import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path'
// https://vitejs.dev/config/ export default defineConfig({   plugins: [vue()],   resolve: {     alias: [       {         find: '@',         replacement: path.resolve(__dirname, 'src')       }     ]   } })

（3）配置文件：tsconfig.app.json

在配置项【compilerOptions】中添加配置 baseUrl、paths，

修改完成后的【tsconfig.json】全文如下：

{   "compilerOptions": {     "baseUrl": ".",     "paths": {       "@/*": ["src/*"]     },
    "target": "ES2020",     "useDefineForClassFields": true,     "module": "ESNext",     "lib": ["ES2020", "DOM", "DOM.Iterable"],     "skipLibCheck": true,
    /* Bundler mode */     "moduleResolution": "bundler",     "allowImportingTsExtensions": true,     "isolatedModules": true,     "moduleDetection": "force",     "noEmit": true,     "jsx": "preserve",
    /* Linting */     "strict": true,     "noUnusedLocals": true,     "noUnusedParameters": true,     "noFallthroughCasesInSwitch": true   },   "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"] }

 （4）测试src别名

App.vue修改前

App.vue修改后

翻译

搜索

复制

<iframe></iframe>

标签：web,vue,配置文件,src,ssts,hospital,import,true,vite
From： https://www.cnblogs.com/lizhigang/p/18496646