VueHub:我用 ChatGPT 開發的第一個項目,送給所有 Vue 愛好者

来源:https://www.cnblogs.com/iovec/archive/2023/04/27/vuehub.html
-Advertisement-
Play Games

大家好,我是DOM哥。我用 ChatGPT 開發了一個 Vue 的資源導航網站。不管你是資深 Vue 用戶,還是剛入門想學習 Vue 的小白,這個網站都能幫助到你。網站地址:https://dombro.site/vue#/vue ...


大家好,我是DOM哥。

我用 ChatGPT 開發了一個 Vue 的資源導航網站。
不管你是資深 Vue 用戶,還是剛入門想學習 Vue 的小白,這個網站都能幫助到你。

網站地址:https://dombro.site/vue#/vue

純凈模式:https://dombro.site/spa/#/vue

項目托管在 GitHub,訪問不了的可以私信我喲,包教包會

Vue 的生態已經相當成熟,優秀組件,庫,框架琳琅滿目,數不勝數。

資源在精不在多。這裡我只收錄了開源免費,GitHub 上的高星項目。

當然還有最重要的一點,中英文 文檔完備。這點對國內開發者來說,非常重要。

你會發現前兩列都是重覆的內容。

這是因為 Vue3 出來之後,很多框架和庫都需要升級去適配 Vue3。但仍有大量的項目依賴 Vue2 的版本。
我們知道 Vue3 和 Vue2 是不相容的。所以從官方項目到社區的很多項目都會有針對 Vue3 和 Vue2 有兩個版本。
甚至有的直接拆成了兩個項目,比如說餓了麽出品的 elemen-ui。
兩個版本自然有兩份文檔。而且它們又各自分為中英文版本。

我平常開發既有 Vue2 的項目,又有 Vue3 的項目。
來回找文檔真挺費時間的,所以整理了這一個資源聚合網站。
不但可以直接進到 Vue2 或 Vue3 版本的中文或英文官網,還能直接跳到 GitHub 項目,以及 CDN 地址。
如果配合上 Vimium 插件,那是 相當方便。

我從事前端 7 年,經歷過大大小小的項目有幾十個。
不管是公司,還是個人項目,用的都是 Vue 技術棧。
我可以用我 7 年工作經驗向你擔保,Vue 項目開發所需要的技術就那幾種,全在這上面。
你不需要報什麼班,買什麼課,花那冤枉錢。
只需要把網頁上的這幾個資源,鑽進去,吃透。
你就能勝任任何 Vue 項目的開發。

一開始我提到 這個網站我是用 ChatGPT 開發的,其實也並不全是。
ChatGPT 只是開發了個架子,然後裡面的資源是用 ChatGPT 查的,包括網址和描述。
但 CSS 是我自己寫的。

ChatGPT 也用了半年了,下期我準備聊聊使用這半年來的感受。感興趣的記得關註我哦。

你也可以觀看視頻版 https://www.bilibili.com/video/BV1Av4y1J7BF/


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、背景 較早之前做過一個項目,當時使用swift 3.x開發。 項目結束後就沒再有新需求與更新。 但最近呢需要對項目的某些功能進行調整,項目又重新被拾了起來。 我們知道現在的swift 版本已經到了 5.x, 相應的語法上較 3.x版本也有了不小的變化。使用最新版本的xcode都已經不支持swif ...
  • esbuild 非常快速的 web 打包器,使用 go 語言編寫。 📦 特點: 無需緩存也能很快速的編譯打包。 內置 js、css、ts、jsx 類型文件編譯。 支持 es6 和 commonjs 模塊。 可以編譯打包成 esm 模塊和 common JS 模塊 tree shaking 搖樹優化 ...
  • 1、四層結構 viewer --> datasources(DataSourceCollection類型) --> datasource --> entities(EntityCollection類型) --> entity 需要學習的方向是:只需要註意每個層與層之間的關係和entity實例如何創建 ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 今日,群友提問,如何實現這麼一個 Loading 效果: 這個確實有點意思,但是這是 CSS 能夠完成的? 沒錯,這個效果中的核心氣泡效果,其實藉助 CSS 中的濾鏡,能夠比較輕鬆的實現,就是所需的元素可能多點。參考我們之前的: 使用純 ...
  • 昨天才把html節點中的圖片轉成base格式的,今天就發現一個用戶體驗的問題;那麼是啥呢?就是我從左側的樹形菜單中拖拽節點的時候(滑鼠按下也是同樣問題),發現節點的圖片區域那裡會出現一個邊框,持續時間不是很長,就幾毫秒的時間,但是當你連續拖拽幾個不同節點的時候就會發現這個邊框竟然又消失不見了,如果此 ...
  • 1.<div style="z-index: 1000; position: absolute; filter: Alpha(opacity = 90); width: 100px;padding: 10px; border: 1px solid #333" id="img" align="cent ...
  • 1.創建vue項目 vue create demo demo是項目名稱 2.安裝axios 進入demo裡面打開終端(黑視窗),執行 npm install axios 3.進行config.js配置 devServer: { host: "0.0.0.0", // 是否可以被覆蓋 port: 80 ...
  • 當我們在編寫 TypeScript 代碼時,經常會遇到需要通用(Generic)的情況,這時候,泛型就是我們的好幫手了。在本篇文章中,我們將深入介紹 TypeScript 泛型的概念以及如何使用。 什麼是泛型? 在編程語言中,泛型指的是參數化類型的概念。也就是說,我們可以定義一個函數、介面或類等,能 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...