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

标签：web vue 配置文件 src ssts hospital json path true

记录时间：2024-02-21

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.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,     "resolveJsonModule": true,     "isolatedModules": true,     "noEmit": true,     "jsx": "preserve",
    /* Linting */     "strict": true,     "noUnusedLocals": true,     "noUnusedParameters": true,     "noFallthroughCasesInSwitch": true   },   "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],   "references": [{ "path": "./tsconfig.node.json" }] }

 （4）测试src别名

App.vue修改前

App.vue修改后

 

 

 

     

翻译

搜索

复制

<iframe height="240" width="320"></iframe>

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