Vue3学习笔记---创建Vue3.0工程

创建方式分为两种：

1.使用vue-cli创建

官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

1 vue --version
2// 安装或升级你的@vue/cli
3 npm install -g @vue/cli
4// 创建
5 vue create vue_test
6// 启动
7 cd vue_test
8 npm run serve

2.使用vite创建

官方文档：https://v3.cn.vuejs.org/guide/installation.html#vite

1vite官网：https://vitejs.cn/
2
3* 什么是vite?------新一代前端构建工具
4* 优势如下：
5
6  1. 开发环境中，无需打包操作，可快速的冷启动
7  2. 轻量快速的热重载(HMR)
8  3. 真正的按需编译，不再等待整个应用编译完成

• 传统构建与vite构建对比图
• 传统构建 vite构建 创建工程如下：

1npm init vite-app <project-name>
2// 进入工程目录
3cd <project-name>
4//安装依赖
5npm install
6//运行
7npm run dev