Web开发

首页 » 常识 » 预防 » Vue3实战系列结合AntDesign
TUhjnbcbe - 2025/7/18 20:23:00
北京白癜风治疗选择哪家好 https://jbk.39.net/yiyuanzaixian/bjzkbdfyy/

Vue3出来之后,很多人有如下想法,“又要学新东西啦”、“我学不动了”等等。

但是事物总有它的两面性,前端知识更新的很快,利好勤奋好学的同学。计算机行业的迭代速度很快,前端在计算机领域里,算是前浪被拍在沙滩上比较快的。

我很羡慕还在学校的同学,因为现在的大学生,信息的获取量比我当年在大学的时候大得多,我希望你们能珍惜这样的机会,好好的学习新知识,希望你们进入社会不要被毒打。

学习一门新的技术,我认为最好的方式就是通过Demo去制造使用场景,通览一遍API,需要做到什么程度呢?

大概就是什么场景用什么API都能了如于心,再大白话一点就是可以将之前用Vue2.x写的代码,用Vue3无差别重构一遍。

1

构建Vue3.0的三种方式

就目前而言,构建Vue3的项目有三种方式。

1、命令行工具(CLI)

对于Vue3,你应该使用npm上可用的VueCLIv4.5作为

vue/cli

next。要升级,你应该需要全局重新安装最新版本的

vue/cli:

yarnglobaladd

vue/cli

next#ORnpminstall-g

vue/cli

next

2、Vite

Vite是一个web开发构建工具,由于其原生ES模块导入方法,它允许快速提供代码。

通过在终端中运行以下命令,可以使用Vite快速设置Vue项目。

使用npm:

npminitvite-appproject-namecdproject-namenpminstallnpmrundev

3、Webpack

很早的时候,Vue-CLI还没支持Vue3项目的创建,Vue团队制作了一个Webpack的项目配置放在Github,可以直接克隆下来使用。

gitclone

1
查看完整版本: Vue3实战系列结合AntDesign