首页 > 其他分享 >VueHub:我用 ChatGPT 开发的第一个项目,送给所有 Vue 爱好者

VueHub:我用 ChatGPT 开发的第一个项目,送给所有 Vue 爱好者

时间:2023-04-27 11:13:35浏览次数:41  
标签:VueHub 项目 开发 Vue Vue2 Vue3 我用 ChatGPT

大家好,我是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/

标签:VueHub,项目,开发,Vue,Vue2,Vue3,我用,ChatGPT
From: https://www.cnblogs.com/iovec/p/vuehub.html

相关文章

  • vue中实际代码模拟JS中promise调接口的运行流程
    假设我们有一个需要调用接口的场景,我们可以使用Vue中的axios库来发送请求。以下是一个简单的例子://引入axios库importaxiosfrom'axios'//定义一个函数,用于发送请求functionfetchData(){//返回一个Promise对象returnnewPromise((resolve,reject)=>{//发......
  • 安装多个NodeJS windows上安装多个Nodejs版本 解决vue2/vue3同时运行
    第一步下载nvm-windowsnvm-windows下载地址:Github最新下载地址进入之后直接下载第二步安装NVM注意路径一定不要包含空格中文否则会报错注意安装路径一定不要包含空格中文否则会报错 点击安装之后如果之前安装了nodejs的话会提示希望nvm管理已安装node版本吗点击是......
  • vue2与vue3的区别
    一.vue2和vue3双向数据绑定原理发生了改变vue2的双向数据绑定是利用ES5的一个APIObject.definePropert()对数据进行劫持结合发布订阅模式的方式来实现的。vue3中使用了es6的ProxyAPI对数据代理。相比于vue2.x,使用proxy的优势如下defineProperty只能监听某个属性,不......
  • Vuex
    vuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。说人话:将组件中需要共享的数据交给vuex来帮我们进行管理,例如:用户登录状态、加入购物车。1.案例:登录vuecreatevxdem......
  • vue 前端生成二维码,并转换为图片
    vue前端生成二维码,并转换为图片~牧马~于2021-05-2715:08:03发布2760收藏7分类专栏:vue文章标签:vue生成二维码自动生成的二维码转图片版权这篇文章主要是分享下自己的收获,也是自己遇到的问题:前端如何自己生成二维码?前端如何将生成的二维码转成图片并展示?......
  • 无界微前端方案官方示例,main-vue 项目打包之后 访问index.html页面空包,控制台报资源错
    报错信息: 修改方案: publicPath:“./”修改为如上配置即可。......
  • VueRouter
    相关理解vue-router理解vue的一个插件库,专门用来实现SPA应用。对SPA应用的理解单个Web应用(singlepagewebapplication,SPA)。整个应用只有一个完整的页面。点击页面中的导航链接不会刷新页面,只会做页面的局部更新。数据需要通过ajax请求获取。路由的理解什么是路......
  • Vue3中ref和reactive的对比
     先说ref()和reactive()Vue3这两个API作用是相似的,只不过ref()是针对变量的响应式包装,而reactive()是针对对象的响应式包装。 ref()和reactive()对比API说明目标ref()传入一个值,返回一个响应式的变量变量reactive()返回一个对象的响应式代理。通过Proxy包......
  • 5.VueX
    5.VueX5.1.简介5.1.1.介绍概念以及作用:专门在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。使用场景:多个组件依赖于同一状态来自不同组件的行为需要变更同一状态5.1.2......
  • [7625] 导读 一文看懂 Vue.j 3.0 的优化
    我们的课程是要解读Vue.js框架的源码,所以在进入课程之前我们先来了解一下Vue.js框架演进的过程,也就是Vue.js3.0主要做了哪些优化。Vue.js从1.x到2.0版本,最大的升级就是引入了虚拟DOM的概念,它为后续做服务端渲染以及跨端框架Weex提供了基础。Vue.js2.x发展了很......