这里推荐使用Vite来构建Vue3项目，原因是它真的太快了
如果你要选择其他方式，移步官方文档
安装命令根据你用的包管理器不同而有所不同
这里选择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项目🎉
安装Vite 或者 新建项目命令 或者 这样就把Vue3搭建好了
在使用 Vue3 + Vite + Vant 搭建移动端项目时报错 Uncaught SyntaxError: T...
体验vite + vue3 + ts搭建项目的全过程 - 掘金[https://juejin.cn/post/69...
Vue2 中使用Vuex进行状态管理，在Vue3中，引入了Pinia，如果使用Vue3的脚手架搭建项目，其中包含了...
使用 Vue CLI v4.5 快速搭建一个 Vue3 项目 安装 Vue CLI 然后进入这个项目中执行 npm...
一、前言 最近在构建一个新的项目，大学室友小伙伴想用vue3，所以我想都没想就直接用vue-cli来搭建vue3。...
注意：本项目使用的是vue3的脚手架配合vue-cli-plugin-electron-builder插件搭建 第...
最近自己搭建了一个活动项目，虽然不是最新的vue3技术，但是由于之前没涉及到项目整体搭建和部署到全过程，所以还是遇...
前言 最近的项目中，因为技术发展的需要，新项目采用了新的技术栈。下面将Vite2 + Vue3技术栈，搭建开发项目...
目的：搭建vue2/vue3 + webpack多页面，vite/vue3 请看下一篇vite + vue3多页面...
本文标题：1分钟搭建1个Vue3项目
本文链接：https://www.haomeiwen.com/subject/epgdhrtx.html
网友评论