Vue3项目搭建

此文将介绍如何搭建一个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来创建项目，其实也是一样的可以自己来配置一些插件