开发环境
Vite需要Node.js版本> = 12.0.0
检测node版本命令
node -v

正式开始,使用vite创建一个vue项目(npm或yarn)
npm init @vitejs/app 项目名称
or
yarn create @vitejs/app 项目名称
我比较喜欢用yarn,这里我就直接使用yarn命令安装了
如图所示:让你选择 这里我们直接选择vue


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

项目结构可以说是十分的简洁,先把依赖装上看看
npm install
or
yarn
运行命令
npm run dev
or
yarn dev

运行起来是这个样子

网友评论