如何创建vue3+vite+ts的项目

本文章仅为新手提供刚接触vue3时不懂如何创建demo的教程。

一般情况下,官方推荐使用vite来构建vue3项目,vite是一种新型前端构建工具,能够显著提升前端开发体验。但是使用Vite需要Node.js版本 >= 12.0.0。

操作步骤

yarn create vite

1、运行上述命令,会提示你输入项目的名称:
在这里插入图片描述
2、选择所使用的框架
在这里插入图片描述
3、选择使用的编程语言
在这里插入图片描述
上述三步执行完后,就会创建成功一个模板
在这里插入图片描述
4、根据创建成功后的提示执行命令,首先cd todo-list进入到项目目录下,然后执行yarn安装依赖,依赖安装成功后执行yarn dev即可运行项目。
在这里插入图片描述
至此,一个非常简洁的基于vite + tsvue3demo创建成功。