Vue3+TypeScript+vite创建项目步骤

安装vue3最新版本的vue-cli

卸掉旧版

	npm uninstall vue-cli -g
	yarn global remove vue-cli

安装新版本 @vue/cli

	npm install -g @vue/cli
	或
	yarn global add @vue/cli
	检查vue版本号
	vue -V

vue3项目搭建

有两种，分别是常用的vue脚手架和vite脚手架

vite脚手架

创建命令

	npm init vite-app 项目名
	//或者
	yarn create vite-app 项目名
	//进入
	cd 项目名
	//安装依赖
	yarn install
	//启动
	yarn dev

配置项目

配置typescript

1. 安装 typescript

yarn add typescript -D

2. 初始化tsconfing.json

	//执行命令 初始化 tsconfig.json
	npx tsc --init

3. 将main.js修改为main.ts

其他的引用也修改为main.ts,也需要将其他页面的 <script> 修改为 <script lang="ts">

4、配置 ts 识别vue文件,在项目根目录添加shim.d.ts文件

添加以下内容

	declare module "*.vue" {
   
 	 import {
    Component }