创建vue3+ts项目
安装node.js已不再赘述，打开命令行输入node -v npm -v vue --version出现对应的版本号即安装成功。
本文介绍使用vue ui创建项目
首先在命令行输入vue ui
浏览器弹出
创建项目
选择目录，创建项目
输入项目名，选择包管理器，点击下一步
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6Cs4g5Us-1660966733846)(4.jpg)]](https://www.qianduange.cn/upload/article/c989bbfc086b4665b04cad0abbae454a.jpeg)
在这里可选择默认配置，也可自定义配置
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9l2LodUN-1660966733848)(5.jpg)]](https://www.qianduange.cn/upload/article/8b401460732547bba50e926fc01d998a.jpeg)
功能选择，选择TS（按自身功能需求选择）
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GqU6Fk4f-1660966733852)(6.jpg)]](https://www.qianduange.cn/upload/article/be1f118f419d45e292e3e02d0f4b919a.jpeg)
选择vue3,创建项目
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1tqKwC6S-1660966733854)(7.jpg)]](https://www.qianduange.cn/upload/article/013d92db977b42fb91d5bc7fd193a0b7.jpeg)
预设配置，以后就不用再一步步自定义了
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-t59xAibo-1660966733856)(8.jpg)]](https://www.qianduange.cn/upload/article/b3cfbb6c6bd44f55b4f31af642727cad.jpeg)
创建成功
根据所选的包管理器运行
npm run dev 或 npm run serve
dev 或 npm run serve
后续若需新增依赖包，即可通过命令行`npm`安装，也可通过`vue ui`的项目管理器安装。
