Vite+TS搭建项目

1.搭建vite项目

1.安装vite
npm i -g create-vite-app
2.创建vite项目
create-vite-app vue3-demo
3.安装依赖
npm install
4.运行项目
npm run dev

2.配置TS环境

使用vite搭建好的项目是没有使用typescript的，所以我们要去安装typescript并修改代码，以保证我们后续可以使用typescript

• 1.安装TS
  npm install typescript
• 2.在项目的根目录创建文件：tsconfig.json

// 指定了用来编译这个项目的根文件和编译选项
{
   
    "compilerOptions": {
   
        "target": "esnext",
        "module": "esnext",
        "strict": true, //这样可以对`this`上的数据属性进行严格的推断，否则总是被视为any类型
        "jsx": "preserve",
        "moduleResolution": "node"
    },
    "include": [
        "src/**/*", "src/main.d.ts" //**/递归匹配任意子目录
    ],
    "exclude": [
        "node_modules"
    ]
}

• 3.在项目根目录下新建vite.config.ts