Vite crea un proyecto vue3 y usa mecanografiado

1. Se recomienda utilizar la herramienta vite para el proyecto vue3.

// 安装全局的vite 创建项目
npm install -g create-vite-app
create-vite-app vue3-demo
cd vue3-vite
npm install
npm run dev
// # 或者使用yarn
yarn add -g create-vite-app
yarn create vite-app <project-name>


//使用 yarn
yarn
yarn dev
//然后启动项目

2. npm install mecanografiado

yarn add typescript -D

3. Inicialice tsconfig.json

npx tsc --init

4. Cambie main.js por main.ts

Al mismo tiempo, la dirección src en index.html debe cambiarse sincrónicamente

<script type="module" src="/src/main.ts"></script>

Descubrió que el proyecto informó un error después de reiniciar

main.ts encontrará

importar la aplicación desde App.vue

会 报错: No se puede encontrar el módulo './App.vue' o sus declaraciones de tipo correspondientes.

resolver:

Cree manualmente el archivo shim.d.ts, agregue el siguiente contenido y reinicie el proyecto

declare module "*.vue" {
    
    
  import {
    
     Component } from "vue";
  const component: Component;
  export default component;
}