开发环境

Vite需要Node.js版本> = 12.0.0

检测node版本命令

node -v

image.png

正式开始，使用vite创建一个vue项目(npm或yarn)

npm init @vitejs/app 项目名称
or
yarn create @vitejs/app 项目名称

我比较喜欢用yarn，这里我就直接使用yarn命令安装了

如图所示：让你选择 这里我们直接选择vue

image.png
image.png

使用vite创建项目十分的快，我们已经创建好项目了，接下来用vscode打开项目看看

image.png

项目结构可以说是十分的简洁，先把依赖装上看看

npm install
or
yarn

运行命令

npm run dev
or
yarn dev

image.png

运行起来是这个样子

image.png

好了，一个简单的vue3.0+vite的项目就搭建成功了！

下一章讲一下vite.config.js的主要配置