vue3.0+vite（一）搭建项目

开发环境

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

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容