学习搭建项目记录

yarn create vite => nvm use 版本为16.20.0

1.输入项目名称，删除多余components文件，和assets静态图片。

2.安装elementPlus，在main.ts进行导入 
    2.1 进行全局注册组件
       import ElementPlus from 'element-plus'
       import 'element-plus/theme-chalk/index.css' => 别忘了.use（ElementPlus）
    2.2
       在tsconfig.json中进行全局组件类型声明
       "types": ["element-plus/global"] => 如果有报错，可查看当前ts版本，进行降级。
       也可以修改成"element-plus/global.d.ts" 可以消除错误但是问题会更多。
       在.vue根页面进行测试是否生效
       
3.设置路径别名
        // vite.config.ts
        import {defineConfig} from 'vite'
        import vue from '@vitejs/plugin-vue'
        import path from 'path'
        export default defineConfig({
        plugins: \[vue()],
        resolve: {
        alias: {
        "@": path.resolve("./src") // 相对路径别名配置，使用 @ 代替 src
        }
        }});
     3.1 安装@types/nodd，编译器报错=>typescript 特殊的 import 方式 , 需要配置允许默认导入的方式，还有路径别名的配置
     // tsconfig.json 
     { "compilerOptions": { "baseUrl": "./", // 解析非相对模块的基地址，默认是当前目录 
     "paths": { //路径映射，相对于baseUrl 
     "@/*": ["src/*"] }, 
     "allowSyntheticDefaultImports": true // 允许默认导入 } }