vue3初始化

要求@vue/cli在4.5.0以上

vue -V    
//查看脚手架版本号
vue -version    
//查看脚手架版本号
npm install -g @vue/cli  
//安装或升级脚手架

创建项目

vue create xxx

创建项目（vite方式）

npm init vite-app xxx
cd xxx  
//切换到项目文件夹
npm install    
//需要安装依赖

与vue2区别

//main.js文件
import { createApp } from 'vue'
//引入构造函数Vue变为引入createApp 工厂函数，构造函数用new调用，工厂函数直接调用
const app = createApp(App)
//创建应用实例对象app,类似vm

app.vue文件

<template>
    <router-link to='/'>首页</router-link>|
    <router-link to='/blog'>博客</router-link>|
    <router-link to='/cont'>内容</router-link>
    <router-view></router-view>
</template>
//组件中模板结构可以没有根标签

关闭语法检查，创建vue.config.js

module.exports={
    lintOnSave:false,//关闭语法检查
}

Vue.devtools工具要使用beta版本