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

记录时间：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修改后

翻译

搜索

复制