vue3 的系统学习（依据菜鸟教程）

       Vue :是一套构建用户界面的渐进式框架；只关注视图层，采用自底向上增量开发的设计；vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。

     vue3 安装：

                    1.独立版本：直接在官网上下载最新版本，通过<script>标签引入。

                    2.使用CDN：推荐国外比较稳定的两个CDN，目前还是建议下载到本地。

                        Staticfile CDN(国内）: https://cdn.staticfile/vue/3.0.5/vue.global.js

                        Unpkg：https://unpkg/vue@next ,会保持和npm发布的最新的版本一致

                        Cdnjs: https://cdnjs.cloudflare/ajax/libs/vue/3.0.5/vue.global.js

                    3.npm方法：由于npm 安装速度很慢，所以可以使用淘宝镜像及其命令，注意一点：                         npm版本需要大于3.0，如果低于此版本需要升级它。

                       npm 的一些命令：npm -v 查看npm 的版本；cnpm install npm -g 升级npm ;

                                                     npm install cnpm -g 升级或者安装cnpm,在使用Vue.js构建大型                                                         应用时推荐使用cnpm 安装，cnpm 能很好地和Webpack或者                                                           Browserify 模块打包器配合使用

                 命令行工具：vue.js提供了一个官方命令行工具，可用于快速搭建大型单页应用。

                                      对于Vue3，你应该使用npm上可用的vue CLI v4.5 作为@vue/cli。

                                      要升级，你应该需要全局重新安装最新版本的@vue/cli;

                                     可以使用cnpm 也可以使用yarn :yarn global add @vue/cli

                                     或者cnpm install -g @vue/cli  查看版本命令：vue --version 

 创建项目：$ vue init webpack runoob-vue3-test 或者$ cnpm init @vitejs/app runoob-vue3-test2

实际操作中遇到的问题：

输入 vue init webpack runoob-vue3-test

需要npm i -g @vue/cli-init初始化配置
没有进行初始化之前                       进行初始化之后： 

初始化配置 

 延伸：Vite 是一个web 开发构建工具，由于其原生 ES模块导入方式，可以实现闪电般的冷服务器启动。通过在终端运行命令，可以使用vite快速构建Vue项目：语法npm init @vitejs/app <project-name> ；webpack和Viet的区别：这个博客写的还蛮好的，感兴趣的可以看一下webpack和vite的比较_晴天的博客-CSDN博客_vite和webpack的区别