vue3.0+vite(一)搭建项目

作者: 略懂一点html | 来源:发表于2021-03-07 19:44 被阅读0次

开发环境

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的主要配置

相关文章

网友评论

    本文标题:vue3.0+vite(一)搭建项目

    本文链接:https://www.haomeiwen.com/subject/yjeeqltx.html