Vue3出来之后,很多人有如下想法,“又要学新东西啦”、“我学不动了”等等。
但是事物总有它的两面性,前端知识更新的很快,利好勤奋好学的同学。计算机行业的迭代速度很快,前端在计算机领域里,算是前浪被拍在沙滩上比较快的。
我很羡慕还在学校的同学,因为现在的大学生,信息的获取量比我当年在大学的时候大得多,我希望你们能珍惜这样的机会,好好的学习新知识,希望你们进入社会不要被毒打。
学习一门新的技术,我认为最好的方式就是通过Demo去制造使用场景,通览一遍API,需要做到什么程度呢?
大概就是什么场景用什么API都能了如于心,再大白话一点就是可以将之前用Vue2.x写的代码,用Vue3无差别重构一遍。
1
构建Vue3.0的三种方式
就目前而言,构建Vue3的项目有三种方式。
1、命令行工具(CLI)
对于Vue3,你应该使用npm上可用的VueCLIv4.5作为
vue/clinext。要升级,你应该需要全局重新安装最新版本的vue/cli:yarnglobaladd
vue/clinext#ORnpminstall-gvue/clinext2、Vite
Vite是一个web开发构建工具,由于其原生ES模块导入方法,它允许快速提供代码。
通过在终端中运行以下命令,可以使用Vite快速设置Vue项目。
使用npm:
npminitvite-appproject-namecdproject-namenpminstallnpmrundev
3、Webpack
很早的时候,Vue-CLI还没支持Vue3项目的创建,Vue团队制作了一个Webpack的项目配置放在Github,可以直接克隆下来使用。
gitclone