Vue3.0笔记

一、Vue3.0创建

1、vue-cli 创建

官方文档：创建一个项目 | Vue CLI

## @vue/cli版本需要在4.5.0以上（cmd输入 vue -V）

## 创建：vue create vue3.0-project

# 进入目录：cd vue3.0-project

## 启动：npm run serve / yarn serve

2、vite 创建

官方文档：快速上手 | Vue.js

vite官网：https://vitejs.cn

# vite：新一代前端构建工具

# 创建：vue init vite-app vue3.0-project

# 进入目录：cd vue3.0-project

# 安装依赖：npm install / yarn

# 运行：npm run dev / yarn dev

# 优势：

• 开发环境中，无需打包操作，可快速的冷启动。

• 轻量快速的热重载（HMR）。

• 真正的按需编译，不再等待整个应用编译完成。

# vite构建与传统构建对比

        传统打包流程：

vite打包流程

# 入口文件 

import { createApp } from 'vue';
import App from './App.vue';
const app = createApp(App);
console.log(app);
app.mount('#app');

 # 实例数据

 二、vue3.0 dev-tools安装

1、打开chrome网上应用商店

 2、下载vue3.0 dev-tools直接拖到chrome扩展程序中