置顶 Vue3学习资源集合
发布于 1 个月前 作者 ab8512 1704 次浏览 最后一次编辑是 1 个月前 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

Vue3+ & Vue-CLI3+ 开发生态圈资讯

🚀欢迎Star,后续会不断更新。
🇨🇳最后更新日期:2️⃣0️⃣2️⃣0️⃣/0️⃣5️⃣/2️⃣8️⃣

【2020】 ≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡------------------------ 【2021】

Twitter vue3: vue 3 will be available by the end of Q2.

除了单独Vue3资讯,欢迎查看更多vue.js资讯:【【🔥Vue.js资讯📚】目前web前端开发非常火爆的框架;定时更新,欢迎 Star 一下。

目录

🐣 关于旧版本

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

🐥Node 版本要求

Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。你可以使用 nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

🐓Vue 3.0 源代码

当大多数国人还在庆祝国庆节的时候,尤雨溪大大在昨天凌晨发布了 Vue 3.0 源代码,源码地址:https://github.com/vuejs/vue-next 。虽然目前还 处于 Pre-Alpha 版本,但是可以预见后面的 Alpha、Beta 等版本应该不会太遥远。
之前,就有预言,除了性能优化、脚手架和新功能外,TypeScript绝对是一个重点,因此,在Vue 3.0源代码版本中,98%代码由Typescript编写,相信后面会是100%。
通过本次发布的源代码可以了解到针对 Vue 3 计划并已实现的主要架构改进和新功能。
Vue 3 中最主要的新特性:组合式 API,已经可以借助 https://github.com/vuejs/composition-api (在 Vue 2 项目中作为插件使用)体验到。

yyx990803 yyx990803

v3.0.0-beta.14(2020-05-19)
@github-actions github-actions released this 19/5 · 14 commits to master since this release
Please refer to CHANGELOG.md for details.

v3.0.0-beta.2
released this 6 days ago · 29 commits to master since this release
release: v3.0.0-beta.2

v3.0.0-beta.1
released this 7 days ago · 40 commits to master since this release
release: v3.0.0-beta.1

🔥🐔2020前端面试秘籍

【吐血整理清单一】前端面试全攻略,为您保驾护航,金三银四
【吐血整理清单二】前端面试全攻略,为您保驾护航,金三银四
【吐血整理清单三】前端面试全攻略,为您保驾护航,金三银四

秘籍在手,天下我有; 只要你想进,那么世界就是你的。

🐔前端整理之道

【整理】前端优化得有个好手段,比如看这个清单🍑🍒🍓🍆🌽
【整理】前端学习笔记总结清单,应有尽有🍇🍈🍉🍊🍋

🦃关于TypeScript

【2020-Q1-News】TypeScript新鲜一波流,自己品尝?
【最新】TypeScript梳理知识点列表,可否一战?
【必会】都已经9102年底了,你必须会TypeScript。

为什么要学习它?
因为:

  • 按需输出 JavaScript 版本
  • 代码标准化利于团队开发
  • 主流框架及最新特性的支持
  • 便于重构和主流IDE支持
  • 更多友好特性和检测

哈哈哈,并不是,是因为都已经2020了,大公司和你们都在用。

Vue3-CheatSheet

由 Vue Mastery 网站归纳的 Vue 3 Cheat Sheet, 直观地概况了其主要特性。

Vue3 Cheat Sheet Vue3 Cheat Sheet

vueuse

like React hooks. Collection of essential Vue Composition API utils works for Vue 2.x and 3.x https://vueuse.js.org/

Collection of essential Vue Composition API (inspired by react-use)

🚀 Features

  • 0 dependencies ⚡ No worry about your bundle size
  • Fully tree shakable 🌴 Only take what you want
  • Seamless migration 🕶 Works for both Vue 3.x and 2.x
  • Browser compatible 🌐 Use it without complex building tools
  • Intractive docs & demos 🎪 Check out the Storybook!
  • Optional Add-ons 🔌 Firebase, vue-i18n, etc

再谈vue3

尤大推出vue3 beta之后

🍁 🍄 🌾 💐 🌷 🌹 🥀 🌺 🌸 🌼 🌻
各位亲(づ ̄3 ̄)づ╭❤~,悠着点、悠着点。
🍁 🍄 🌾 💐 🌷 🌹 🥀 🌺 🌸 🌼 🌻

vue官方提供的尝鲜库:https://github.com/vuejs/composition-api

迎接Vue3.0系列

👹 👺 💀 👻 👽 🤖

最新资讯-继续前进╰(°▽°)╯

英文资料

2019年中旬

天王盖地虎, 宝塔镇河妖

文章列表标题 介绍
I_am_a_placeholder_placeholder_placeholder nothing
为vue3学点typescript, 解读高级类型 第一课, 体验typescript;
第二课, 基础类型和入门高级类型;
第三课, 泛型;
第四课, 解读高级类型;
第五课, 什么是命名空间(namespace);
Vue 3.0:更快、更小、让开发者更轻松 在11月14日-16日于多伦多举办的 VueConf TO 2018 大会上,尤雨溪发表了名为 “ Vue 3.0 Updates ” 的主题演讲,对 Vue 3.0 的更新计划、方向进行了详细阐述。
Vue 3.0 前瞻,体验 Vue Function API 最近 Vue 官方公布了 Vue 3.0 最重要的RFC:Function-based component API,并发布了兼容 Vue 2.0 版本的 plugin:vue-function-api,可用于提前体验 Vue 3.0 版本的 Function-based component API。笔者出于学习的目的,提前在项目中尝试了vue-function-api。
Vue 3.0 之前你必须知道的 TypeScript 实战技巧 很多人对TypeScript的使用还停留在基本操作上,其实TypeScript的特性非常强大,我们利用好这些特性可以有效地提高代码质量、加速开发效率,今天就介绍9个非常实用的TypeScript技巧或者特性.
Vue CLI 3.x 与 2.x的区别 cli3新增模式概念,每个模式在项目中都有对应的配置文件,项目启动时,对应的文件就会加载,与环境变量不同,一个模式可以包括多个环境变量。
Vue 3.0 RFC API 的实现 Vue3.0 的 RFC 已经发布了几个月了,Vue 底层几乎没有变动,还是沿用原来响应式的。所以一直在思考能不能使用现在的版本,实现 RFC 中的 API,直到看到了 Vue Function API 这个库,这个库让开发者提前尝鲜到了RFC 中的 API,当然作为 RFC,所以最终 3.0 的 API 还是未知的,以及底层的实现也还未知。
Vue.js 3:面向未来编程(function-based API) 如果你在使用 Vue.js,那么可能知道这个框架的第 3 版就要出来了(如果你是在本篇文章发布后的一段时间看到这段话的话,我希望我的说法还是中肯的😉)。新版本目前正在积极开发中,所以可能要加入的特性都可以在官方的 RFC(request for comments)仓库中看到:github.com/vuejs/rfcs 。其中有一个特性 function-api,将会在很大程度上影响我们未来 Vue 项目的编写方式。
来自 Vue 3.0 的 Composition API 尝鲜 前段时间,Vue 官方释出了 Composition API RFC 的文档,我也在收到消息的第一时间上手尝鲜。虽然 Vue 3.0 尚未发布,但是其处于 RFC 阶段的 Composition API 已经可以通过插件 @vue/composition-api 进行体验了。接下来的内容我将以构建一个 TODO LIST 应用来体验 Composition API 的用法。
vue-cli 3.0脚手架,从入门到放弃(二) 想写好代码,和用好一个工具是离不开的, 一般我们使用的工具有 HuilderX,sublimetext3,vscode,webstorm等,个人目前使用的是hb,和vscode,可以根据个人爱好各自选择,但一定要熟练。
vue-cli 3.0脚手架,从入门到放弃(三) 来总结下流程, 从我们npm run serve 开始,打开 localhost:8080 端口,首先会加载index.html。然后去app.vue 里查找路由组件,这是会调动 router.js里的配置,选择首先要打开哪个文件,找到我们的那个 path:’/'的页面,浏览器显示。完成。

2019年上旬

不要叫我达芬奇

2019.01-2019.07

2018年预告

天寒之时必封初冬

1、Vue CLI 3搭建vue+vuex 最全分析

介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境依赖。

2、Vue.js 2 vs Vue.js 3的实现

vue.js核心团队已经讨论过将在Vue3实现的变化。虽然API不会改变,但是数据响应机制(译者注:对数据改变的监听和通知)发生了变化。这意味着什么呢,同时它对你意味着什么呢?

3、vue3.0快速创建项目

vue3.0使用了cli3快捷搭建的技巧和配搭

4、Vue.js 3.0 PPT(附部分中文翻译)

Evan You 刚刚发布了最新的 Vue 3 和他在 Vue Toronto 的演讲内容:

5、vue3.0初体验有哪些实用新功能

关于项目创建,除了命令创建3.x还增加了图形化界面创建以及管理vue项目 在创建新项目时还可以混合选用多种集成

6、Vue 3.0 的生命周期

ue 3.0 的生命周期多了哪些东西和其中又改变了什么

7、Vue-cli 3.0初体验

如今上Vue官网一看,脚手架都早已出3.0版了。唉,果然干这行一天不学习都感觉要落伍……

8、重磅!Vue CLI 3.0正式发布,带来多项重大更新

近日,Vue 的作者尤雨溪在 Medium 上宣布正式发布 Vue CLI 3.0,它也将为很多开发者带来期待已久的新特性。

9、译文:Vue.js 3.0 开发计划

在上周的 Vue.js 伦敦会议上我简短地透露了下个版本的 Vue 的新特性。这篇文章讲深入地阐述

10、Vue 下个版本的计划。Vue CLI 2&3 下的项目优化实践:CDN + Gzip + Prerender

这些优化方案适用于 Vue CLI 2 和 Vue CLI 3 , 文章主要基于 Vue CLI 2 进行介绍,关于如何在 Vue CLI 3 中进行相关的 webpack 调整,我已经放在了 vue-cli3-optimization 这个仓库下,并配有详细的注释,且额外添加方便 Sass 使用的 loader,使用 Sass 时无需再在每个需要引入变量和 mixin 的地方,每次都很麻烦的 @import。下面将详细介绍这些优化方案的实践方式和效果。

11、Vue CLI 3发布:精简配置,增加图形界面,还有这些新功能

不同的项目往往有不同的需求,所以webpack这种高可配的打包工具才会火起来,但同时也被骂太复杂了。所以很多人就想简化或者封装配置,例如facebook/create-react-app将所有的配置脚本封装为NPM软件包。

12、专访Vue作者尤雨溪:Vue CLI 3.0重构的原因

上个月,Vue CLI 3.0 正式发布,为很多开发者带来期待已久的新特性,尤雨溪也说 Vue CLI 3.0 经历了重构,旨在尽可能减少现代前端工具在配置上的烦恼,并尽可能在工具链中加入最佳实践,让其成为 Vue 应用程序的默认实践。为了获取更多细节,InfoQ 采访了尤雨溪,以下是对采访内容的整理。

13、重磅!尤雨溪发布Vue 3.0开发路线

在上周的 Vue.js 伦敦大会上,尤雨溪简要介绍了 Vue 下一个主要版本要发布的内容,9 月 30 日,尤雨溪在 medium 个人博客上发布了 Vue 3.0 的开发路线,全文如下

卖艺不卖身

博学之,审问之,慎思之,明辨之,笃行之。

作者:[蓝少 (@bluezhan)](https://github.com/bluezhan) 版权声明:自由转载-非商用-非衍生-保持署名(创意共享 3.0 许可证

License

Released under the MIT License.

回到顶部