關於最近Vue3+ 或 Vue-CLI3+比較熱門的十幾篇文章

時間 2019-11-08

標籤關於最近 vue3 vue cli3 cli 比較熱門十幾文章简体版

原文原文鏈接

集 Vue3+ & Vue-CLI3+ 開發生態圈和填坑姿態

該推薦文章列表的最新資訊會第一時間發佈到Github上，歡迎Star：
Find the latest breaking √vue3 & vue-cli 3 Newshtml

🚀歡迎Star，後續會不斷更新。
🇨🇳最後更新日期：2️⃣0️⃣1️⃣9️⃣/1️⃣1️⃣/0️⃣4️⃣ 前端

除了單獨Vue3資訊，歡迎查看更多vue.js資訊：【【🔥Vue.js資訊📚】目前web前端開發很是火爆的框架；定時更新，歡迎 Star 一下。】vue

當大多數國人還在慶祝國慶節的時候，尤雨溪大大在昨天凌晨發佈了 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 項目中做爲插件使用）體驗到。web

🦃關於TypeScriptvuex

【必會】都已經9102年末了，你必須會TypeScript。

爲何要學習它？
由於：

按需輸出 JavaScript 版本
代碼標準化利於團隊開發
主流框架及最新特性的支持
便於重構和主流IDE支持
更多友好特性和檢測

...

哈哈哈，並非，是由於都已經9012了，大公司和大家都在用。

Vue3-CheatSheet

由 Vue Mastery 網站概括的 Vue 3 Cheat Sheet，直觀地概況了其主要特性。

天王蓋地虎, 寶塔鎮河妖

文章列表標題	介紹
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

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

一、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 採訪了尤雨溪，如下是對採訪內容的整理。