1分钟搭建1个Vue3项目

2022-01-20  本文已影响0人  深度剖析JavaScript

这里推荐使用Vite来构建Vue3项目,原因是它真的太快了

如果你要选择其他方式,移步官方文档

使用Vite搭建Vue3项目

安装命令根据你用的包管理器不同而有所不同

这里选择pnpm的方式

使用pnpm四步创建项目

$ pnpm create vite <project-name> -- --template vue
$ cd <project-name>
$ pnpm install
$ pnpm dev

<project-name>表示项目名称,我写的叫vue3-demo

执行完四步,就会看到以下信息

vite v2.7.13 dev server running at:

> Local: http://localhost:3000/
> Network: use `--host` to expose

ready in 7418ms.

里头有个预览地址:http://localhost:3000/

我们打开后可以看到以下界面

image.png

如果你也到这一步,那么恭喜你成功搭建一个Vue3项目🎉

上一篇 下一篇

猜你喜欢

热点阅读