Vue3.x & Vite & TypeScript创建项目
2021-08-16 本文已影响0人
邹小猪
背景
想用Vite搭一个Vue3.x的项目，同时集成TypeScript的开发框架，百度了一下，各种版本都有，尤其集成TypeScript的配置步骤尤其复杂，我心想，Vue3.x不是原生支持TypeScript么，怎么百度出来的教学文章都TM不科学（也许是因为技术更新比文档更新更快，以前的教学文章已经不适合了），要自己配一大堆东西。踩了不少坑之后，决定整理下Vue3.x & Vite & TypeScript创建项目的过程，非常简单，只要简单几个步骤。
环境
先说说我本机环境：
nodejs：16.4.0(nodejs版本应该不影响创建项目，在nodejs版本此只作为参考)
vue/cli：cli 4.5.9，
create-vite: 2.5.4，
创建项目
- 安装Vite 脚手架
yarn global add create-vite-app - 创建项目
yarn create vite live-video-wall
framework选择vue, variant选vue-ts
image.png
- 安装
cd live-video-wall
yarn
yarn dev
完成
image.png
