Vue3-环境集成

---

1.使用脚手架创建

## 1.查看@vue/cli的版本,确保@vue/cli版本在4.5.0以上
vue --version
## 2.安装或者升级你的@vue-cli
## 3.创建
vue create vueapp
#  4.启动
cd vueapp
npm run serve

2.使用vite创建

• 什么是vite？ -------- 新一代的前端工具
• 优势如下：
  • 开发环境中,无需打包，可快速的冷启动
  • 轻量快速的热加载

//1.创建
npm init vite app -- --template vue 
//2.下载依赖
npm i
//3.启动
cd app
npm run dev

创建好后文件结构如下：

3.挂载

import { createApp } from 'vue'
import App from './App.vue'

// createApp可以创建一个Vnode去挂载页面内部的DOM
// 可以创建多页应用
createApp(App).mount('#app')