关于最近Vue3+ 或 Vue-CLI3+比较热门的十几篇文章

集 Vue3+ & Vue-CLI3+ 开发生态圈和填坑姿态

该推荐文章列表的最新资讯会第一时间发布到Github上，欢迎Star：
Find the latest breaking √vue3 & vue-cli 3 News

🚀欢迎Star，后续会不断更新。
🇨🇳最后更新日期：2️⃣0️⃣1️⃣9️⃣/1️⃣1️⃣/0️⃣4️⃣

除了单独Vue3资讯，欢迎查看更多vue.js资讯：【【🔥Vue.js资讯📚】目前web前端开发很是火爆的框架；定时更新，欢迎 Star 一下。】

目录

• 最新资讯-源码开放
• Vue 3 Cheat Sheet
• 英文资料
• 2019年中旬
• 2019年上旬
• 2018年预告

🐣 关于旧版本

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-... 。虽然目前还 处于 Pre-Alpha 版本，可是能够预见后面的 Alpha、Beta 等版本应该不会太遥远。
以前，就有预言，除了性能优化、脚手架和新功能外，TypeScript绝对是一个重点，所以，在Vue 3.0源代码版本中，98%代码由Typescript编写，相信后面会是100%。
经过本次发布的源代码能够了解到针对 Vue 3 计划并已实现的主要架构改进和新功能。
Vue 3 中最主要的新特性：组合式 API，已经能够借助 https://github.com/vuejs/comp... （在 Vue 2 项目中做为插件使用）体验到。

🦃关于TypeScript

【必会】都已经9102年末了，你必须会TypeScript。

为何要学习它？
由于：

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

...

哈哈哈，并非，是由于都已经9012了，大公司和大家都在用。

Vue3-CheatSheet

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

最新资讯(源码开放)

• Vue.js 3.x 源码解析先导
• Vue 3 Cheat Sheet 下载（中文版）
• vue3响应式源码解析-Effect篇
• Vue 3.0 —— Watch 与 Reactivity 代码走读
• Vue3.0数据响应系统分析(主要针对于reactive)
• vue3 源码解读之 time slicing
• 茶余饭后聊聊 Vue3.0 响应式数据那些事儿
• Vue3都要上的TypeScript之工程实践
• vue_cli3.x 跨域访问
• 【译】Vue.js 3: 面向将来编程
• 全面改革：解读 Vue 3.0 的变化
• 基于vue3 function-based 构建cnode社区
• vue3.0后台管理框架基于typescript（支持pc手机,抖音rank数据分析、Tiktok数据)
• 从WebPack 4.X 到 Vue-Cli 3.X 一篇就够
• 从vue2.0响应数据到vue3.0响应数据
• Vue 3.0 源码逐行解析（一）：响应式模块（1）
• Vue3数据驱动源码解读
• 看vue3源码能够学到什么 : 一 、README
• 你为何看不懂源码之Vue 3.0 囊中取物
• Vue 3 源码开放，今天你学习了吗？
• Vue 3.0 源码开放，看看都有哪些新特性
• Vue 3.0 公开代码以后……
• Vue3.0 响应式系统彻底讲解(逐行)
• Vue 3 原理剖析：数据响应系统
• Vue3.x源码调试
• 为何Vue3.0使用Proxy实现数据监听？defineProperty表示不背这个锅
• Vue 3 响应式系统源码解析（单测篇）
• 浏览器中如何断点调试Vue3 源码
• 简析vue 3 的数据响应系统
• 代理模式Proxy 和 Vue3数据响应系统
• Vue3.0数据响应式原理
• Vue3响应式系统源码解析(上)
• 一张图理清 Vue 3.0 的响应式系统
• Vue3响应式系统源码解析-Ref篇
• 五分钟看懂Vue3-数据绑定
• 浅析Vue3中的响应式原理
• vue3的数据响应原理和实现
• 给vue3源码添加注释：数据响应式部分
• 浅析Vue3数据响应系统
• vue3中effect与computed的亲密关系
• Vue3.0 中的 monorepo 管理模式
• Vue3 watch函数执行过程
• Vue3.0 中的数据侦测
• 使用 Proxy 实现 Vue.js 3 中的响应式思想
• Vue 3.0 最新进展：Composition API
• 公布了尚处于 Pre-Alpha 状态的 Vue 3 源码

天王盖地虎, 宝塔镇河妖

文章列表标题	介绍
I_am_a_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.01-2019.07

• 尤雨溪大大在 6 月 4 日的 Vue3.0 的技术分享
• 你了解vue3.0响应式数据怎么实现吗？
• Vue 3.0前的 TypeScript 最佳入门实践
• Vue 3.0 的重大改动暴露了哪些问题
• 尤雨溪关于VUE3.0进展的重磅分享
• 提早使用Vue 3.0新特性，vue-function-api尝鲜
• 为vue3学点typescript(1), 体验typescript
• 精读《Vue3.0 Function API》
• 为vue3学点typescript, 基础类型和入门高级类型
• 揭秘 Vue 3.0 最具潜力的 API
• 面向将来编程，如何在 Vue2 中使用 Vue3 的语法实践篇
• Vue CLI 3 项目构建基础
• 你了解vue3.0响应式数据怎么实现吗？
• 模拟 vue3.0 rfcs createComponent api 中的props类型推导
• Vue-cli 3.5.1 + Webstorm 使用手机访问演示页面
• 用vue3公开的思路从0实现最简化的vue
• 在 WebStorm 中，配置可以识别 Vue CLI 3 建立的项目的别名 alias @
• 配置一个vue3.0项目
• 快速上手最新的 Vue CLI 3
• Vue-CLI 3.x 自动部署项目至服务器
• Vue-Cli 3.0从0 开始搭建项目（篇1）
• 入手vue-cli 3.x
• Vue-cli 3.5.1 + Webstorm 使用手机访问演示页面
• 关于vue-cli 3配置打包优化要点

十一月，天寒之时必封初冬

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

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

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

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

三、vue3.0快速建立项目

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

四、Vue.js 3.0 PPT（附部分中文翻译）

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

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

关于项目建立，除了命令建立3.x还增长了图形化界面建立以及管理vue项目
在建立新项目时还能够混合选用多种集成

六、Vue 3.0 的生命周期

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

七、Vue-cli 3.0初体验

现在上Vue官网一看，脚手架都早已出3.0版了。唉，果真干这行一天不学习都感受要落伍……

八、重磅！Vue CLI 3.0正式发布，带来多项重大更新

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

九、译文：Vue.js 3.0 开发计划

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

十、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。下面将详细介绍这些优化方案的实践方式和效果。

十一、Vue CLI 3发布：精简配置，增长图形界面，还有这些新功能

不一样的项目每每有不一样的需求，因此webpack这种高可配的打包工具才会火起来，但同时也被骂太复杂了。因此不少人就想简化或者封装配置，例如facebook/create-react-app将全部的配置脚本封装为NPM软件包。

十二、专访Vue做者尤雨溪：Vue CLI 3.0重构的缘由

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

1三、重磅！尤雨溪发布Vue 3.0开发路线

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

出处

Find the latest breaking √vue3 & vue-cli 3 News