vue3 的系统学习(依据菜鸟教程)

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

     vue3 安装:

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

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

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

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

                        Cdnjs: https://cdnjs.cloudflare.com/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的区别

                  

      

猜你喜欢

转载自blog.csdn.net/weixin_56263402/article/details/126008939
今日推荐