vue3学习—项目搭建初试

一、搭建项目

1、vue全局api创建

使用命令vue create xxxx创建一个vue3项目。

此时可以选择版本或者手动选择。

最后我们只需要选择vue3即可。
使用vue create创建项目，是以webpack为构建工具；在vue3时，大佬 尤玉玺 觉得webpack的初始化项目、热更新和打包等相对用时较长，于是自己弄了一个新的构建工具vite

2、vite构建工具搭建

使用命令npm init vite-app xxxx搭建项目，会自动下载vite-app搭建，搭建完成后删除vite-app，保证了每次使用命令都是最新的vite版本。

该命令搭建的项目是没有安装依赖的，需要自行安装

注意：vite中引入模块需要文件后缀名，和webpack中会自动检索
其他的一些不同，我们自行对比即可，基本来说大同小异，后面我们也会慢慢讲解。

这时我们运行项目的话，就会发现，各方面vite速度会快一些的（监听的端口是3000，如果占用，会往后递增3001等）。