此文将介绍如何搭建一个Vue3项目
基于官方文档
条件
- Node 8+
- vue-cli 4+
- npm 6.1+
可以再cmd中输入以下指令查看当前版本
node -v
vue -V
npm -v
对于 Vue 3,你应该使用 npm 上可用的 Vue CLI v4.5
作为 @vue/cli
。要升级,你应该需要全局重新安装最新版本的 @vue/cli
:
// 卸载
npm uninstall vue-cli -g
// 安装
npm install @vue/cli -g
也可以使用cnpm
下载,这样速度会快很多
创建项目
CLI创建项目
把项目创建在myproject目录下
vue create myproject
创建完成后可以在8080
端口访问
vite创建项目
尤大在vue3发布的时候着重说vite
,所以也可以用vite+vue3
来构建项目
官网讲的很详细
npm init vite-app <project-name>
cd <project-name>
npm install
npm run dev
可以再3000
端口启动项目
亲测证明vite启动的速度更快
当然有朋友喜欢用vue ui
来创建项目,其实也是一样的可以自己来配置一些插件