专注前端开发,每年100集免费视频。
首页/视频教程/ Vue.js3.x最新基础免费视频教程-无收费有辅导/
Vue.js3.x最新基础免费视频教程-无收费有辅导
2020-04-22 视频教程 15154

Vue3.0学习群 尤大在2020年4月17日凌晨4点更新了Vue3.0 Beta 版。技术胖一直在等待和关注这个版本,现在终于等来了,所以决定第一时间跟大家分享学习过程和感受。希望小伙伴们喜欢。这也算是Vue3.x版本比较早的教程了,最关键的是这一切都是免费的。

p01.Vue3.0尝鲜与教程简介

有很多小伙伴都跟我学习了Vue2.x版本的课程,学完后我们就一边工作一边等待着Vue3.0版本的公布,等待了一年多的时间,尤大神终于在2020年4月17日凌晨4点中发布出来了Vue3.0 beta版,也就是软件测试版。

beta版本消除了严重的错误,但还是存在着一些缺陷,需要经过规模的发布测试来进行消除。

bate版已经非常接近于正式版了,所以说目前学习是有价值的,可以比身边的小伙伴们都快一部。

那作为一个程序员一定要有尝鲜的勇气,所以我们在第一时间开始对Vue3.0开始测试和学习。因为是测试版,包括文档、案例和资料都非常少,所以这个系列文章和视频可能更新的没那么快。但是你要相信技术胖一定会尽全力进行更新的。

前置知识

  • JavaScript + HTML + CSS : 基础的你要会,如果不会,是无法学习这个视频的。

  • Node + npm : 会基础就好,特别是npm包的管理这些命令要知道。

  • Vue2.x版本 : 这个如果你不会也没关系,我会尽量站在初学者的角度来讲Vue3.0的课程(如果会就更好了)

体验Vue3.0的最新案例

先说明,我这个视频是面向新手的,所以很多知识点会讲的很细。

如果你想使用Vue.js框架,你需要先安装一个Node环境,这个也是作为一个前端在拿到电脑后,都会安装的一个开发软件。

下载地址是: https://nodejs.org/en/download/

安装方法非常简单,跟QQ没什么区别。安装好后可以通过node -vnpm -v来进行测试。

当然你还需要安装Git环境,这个也非常容易: 下载地址:https://git-scm.com/downloads

安装和使用我就不做过多的说明了,如果这个你不会,可以先在网上找些课程把这个学会。

如果这两个环境你都安装好了,就可以开始我们的Vue3.0之旅了,这节课我们的目标就是安装好Vue3.0的环境,并运行起来。

打开这个网址:https://github.com/vuejs/vue-next

然后在这个页面里提供了一个案例的页面,点击页面中的here

然后我们在E盘新建一个目录vue3Test,这些为了方便,我们就在命令提示符窗口下进行了。

e:
mkdir Vue3Test

然后使用git clone 命令,把这个案例克隆下来。

git clone https://github.com/vuejs/vue-next-webpack-preview.git

稍微等一会,这个项目就下载完成了。 然后用cd命令进入项目目录

cd .\vue-next-webpack-preview\

然后对项目的依赖包进行安装,你可以使用yarnnpm来进行安装,我这里就使用yarn进行安装了

yarn install

这个是安装项目中所有需要的安装包,所以这个安装过程还是比较慢的,需要小伙伴们安心等待一下。

安装完成之后可以使用yarn dev进行观看了。(详情请观看视频)

学习讨论群

如果你对Vue3.x版本同样感兴趣,技术胖也欢迎你加入Vue3讨论群.

群号为:827824449

Vue3.0学习群

当然如果你对课程有任何以为,也可以在https://jspang.com博客文章下方进行留言,技术胖会及时的解答。

真诚感谢您的留言,我会亲自查收每一条留言并进行回复,审核后显示在文章底部。
您的昵称
电子邮件
最新留言

No Data

技术胖
专注于WEB和移动前端开发
光头Coder12年经验业余讲师免费视频被访问
只要50元/年 得4项福利

视频离线高清版下载-400集

每周至少两篇文章分享

技术胖收费视频半价购买

每天回答所提问题(选择性回答)