ssts-hospital-web-master项目实战记录四：主要配置
记录时间：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修改后
