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,也需要将其他页面的

你可能感兴趣的:(typescript,javascript,vue.js)