vue---使用vite+ts创建vue3项目（1）

创建vue项目

直接使用 npm create vue@latest 根据提示选择后，按回车键即可创建一个起来，然后呢根据提示，安装依赖包，项目启动起来 我本地的node是16版本的，安装依赖包的时候提示至少18及以上，先不用管他 启动成功

也能在页面在页面中打开，多舒服，多带劲 但是呢，把代码拉近编译器里，就一堆报错，真是cao了

解决报错

1、配置热更新在vite.config.ts里面配置

server: {
    hmr: true,
    //vue3 vite配置热更新不用手动刷新
 }

2、找不到模块“vue”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中? tsconfig.json

{
  "compilerOptions": {
    "target": "ESNext",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "suppressImplicitAnyIndexErrors": true,
    "strict": true,
    "jsx": "preserve",
    "sourceMap": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "esModuleInterop": true,
    "lib": [
      "ESNext",
      "DOM"
    ],
    "skipLibCheck": true,
    "baseUrl": "./",
    "paths": { // 路径映射，相对于baseUrl
      "@/*": [
        "src/*"
      ]
    }
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.tsx",
    "src/**/*.vue"
  ],
  "references": [
    {
      "path": "./tsconfig.node.json"
    }
  ]
}

tsconfig.app.json

{
  "extends": "@vue/tsconfig/tsconfig.dom.json",
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "exclude": ["src/**/__tests__/*"],
  "compilerOptions": {
    "composite": true,
    "noEmit": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    },
    "moduleResolution": "node"
  }
}

好，修改完，项目中没有报错了，先干起了吧