vue3学习day01-vue3的优势、新的脚手架工具create-vue、创建vue3项目、vue3的项目文件内容、插件变化

1、vue3的优势

（1）更易维护：组合式api，更好的TypeScript支持

（2）更快的速度：重写diff算法，模版编译优化，更高效的组件化

（3）更小的体积：良好的TreeShaking，按需引入

（4）更优的数据响应式：更优的响应式

2、新的脚手架工具create-vue（底层切换到了vite，为开发提供极速响应）

3、创建vue3项目

（1）检查node版本（node -v）（支持16.0以上的版本）

（2）创建一个vue应用（npm init vue@latest）

        1)执行 npm init vue@latest，回车

        2）选y，回车

        3）输入项目名

回车：

        4）不添加typeScript语法

回车：

        5）不添加JSX

回车：

        6）不引入Vue Router

回车：

        7）不引入Pinia

        8）不引入Vitest

        9）不引入End to End

        10）引入EsLint

        11）不引入Prettier

        12）不引入Vue DevTools 7

回车：

        13）执行（cd vue3-demo1，npm install，npm run dev），启动服务

4、vue3的项目文件

（1）vite.config.js   -项目的配置文件，基于vite的配置

（2）package.json   项目包文件，核心依赖变成了vue3.x和vite

（3）main.js   入口文件，createApp函数创建应用实例

（4）index.html   单页入口，提供id为app的挂载点

（5）app.vue   根组件，SFC单文件组件script-template-style

变化：

        1）脚本script和模版template的顺序调整

        2）模版template不再要求单一根元素

        3）脚本script添加setup标识支持组合式API

5、插件变化

（1）点开App.vue，显示要更换插件（Vetur->Volar）

（2）禁用Vetur，安装Vue Official