一个基于 Vue3 的开源项目,3个月时间 star 终于破千!

本文主要是对如何做开源项目的一些思考。

前文回顾:

关于 newbee-mall-vue3-app 这个开源项目的开发背景和详细介绍之前都已经介绍过,可以在上述两篇文章中查看。

1

Star 数量破千,记录一下

新蜂商城 Vue3 版本已经开源了 3 个多月左右的时间,在 2020 年 11 月 9 日把所有源码放到开源仓库,2021 年 2 月 8 日,仓库的 Star 数量达到了 1000 个,如下图所示:

真的很巧合,我看到这张统计图表的时候也有点意外。

整理本篇文章的时间是 2021 年 2 月 28 日凌晨,目前的 Star 数量是 1120 个左右,在这里向喜欢这个项目的朋友道个谢,同时也做一个简单的记录,并不是标题党哈。

当然,本文也不是来讲数字的,陈述完事实后,还是主要讲讲做这个开源项目的感想,讲一讲 Vue3 相关的话题,应该能够帮助到一些朋友,主要有三点吧:

  • 如果想做一个开源项目,应该做什么

  • 做开源项目其实是一件劳心费神的事情

  • 其它一些感想

2

如果想做一个开源项目,应该做什么

做开源项目,选择做什么是一个很有意思的话题,这个可以单独写一篇文章来讲解,这里就简单的讲讲我在 Vue 3 正式版本发布后的一些想法。

2020 年 9 月,Vue3 正式版发布 release 版本,当时就计划着要围绕 Vue 3 做几个实战类型的开源仓库,一开始也考虑过做其他项目,比如博客项目、整合 demo、工具、集合站点等等,但是考虑到这些项目用到的技术非常局限,几个列表页面和详情页面就基本涵盖了整个项目,对于技术的全面学习,有一点局限性,而且之前也做过一版新蜂商城 Vue 项目,所以一开始并没有要用 Vue 3.0 来重构 newbee-mall 项目。

不过,想了很久,还是觉得继续完善新蜂商城系列比较好,商城项目能学到的知识点非常多,尤其是购物车模块,涉及到的逻辑可以锻炼一个初级开发对业务逻辑的思考和判断。还有地址管理模块,对多层级数据的计算,也是检验一个合格开发者必备的知识点。

如果想做一个开源项目,应该做什么?

这个问题对于大部分人来说,都是一个难题。不过,我们有很多时间去思考去规划,而且也有时间去试错,毕竟不是公司的项目,不需要很赶,只需要拿出时间来,然后好好做就行了。

对于这个问题,我觉得还是要选择合适自己的,然后多尝试一下。

3

Vue 3 相关的开源仓库可以尝试做一下

Vue 3 目前还没有太多的应用于企业开发实战,都还在探索阶段。

相关的文档、文章也在逐渐丰富,包括很多比较优秀的 Vue 开源仓库,也都在进行 Vue3 方向的升级。

如果要做开源项目的话,可以尝试着做一些 Vue 3 相关的项目,应该比较受欢迎,这也是我非常诚恳的建议,毕竟 Vue3 在当前的技术圈还是非常火热的,借助这一阵东风,或许会更加顺利一些。

好风凭借力,送我上青云

如果想做开源项目的话,我个人比较推荐,尝试一下 Vue 3 相关的项目。

以上仅代表个人想法,如有异议,你说得对。

4

做开源项目其实是一件劳心费神的事情

如果你想去做开源项目,你应该了解这件事:

做开源项目其实是一件劳心费神的事情。

维护一个开源项目,将会耗费一个人很大的精力,除非你是全职去做开源。但是对于目前的我来说,这很难做到,每个人的情况都不一样,我只能抽出一些工作外的时间去做。平时工作上班之余,牺牲休息的时间去做开源项目,在提升知识面的同时,也做了几个项目,帮助了一些朋友,以后也会继续做,希望能写出更多对大家有用的开源项目。

做开源项目确实挺累的,有时候还要被各种阴阳怪气,个别人而已,而且我文章写了也很久,对这种事情倒不是特别在乎了。

很久之前我也有过疑惑,就是代码和资源都放到开源仓库了,觉得有用就看,觉得不好就去看看其它项目,何必说一些恶心人的话呢,这些开源项目又没要你付出什么东西,都是作者在做。后来就想通了,其实大家都有表达欲望,说完一些话之后人家就走了,如果你当真了,那真的是给自己找不自在,看到一些沙雕言论,删掉就好,不能放在心上,做开源项目如此,写文章也是如此。

以上仅代表个人想法,如有异议,你说得对。

5

Star 破千!感谢祖师爷


三个月的时间,仓库 Star 破千,这是一个很棒的事情。

不过,我后面也有认真检讨过,你说这个项目做的有多优秀?倒也不至于,更多的原因,我个人觉得,还是由于 Vue 3.0 的发布,而且这个技术栈的热度一直很高,所以与 Vue 3.0 相关的内容都会变得比较热门,进而也导致了这个仓库的数据会更好一些。

大家可以在 GitHub 上搜索 “vue3”,该关键字的搜索结果中,newbee-mall 系列的 vue3 版本仓库就排在比较靠前的位置,当前是排在第四位。

感谢尤大,我会好好看文档的!

6

开源项目 newbee-mall 系列中第二个破千的仓库

自从 2019 年 10 月份,开始做 newbee-mall 这个项目,目前已经陆陆续续开发了与之相关的好几个仓库,如下图所示:

Vue3 版本也是 newbee-mall 系列开源项目中第二个 star 破千的项目,今后也会继续做一些对大家有用的开源项目,加油吧!

● 开源啦!一个基于 Vue 3 + Vant 3 的商城项目

● Vue3实战系列:Vue3.0 + Vant3.0 搭建种子项目

● 程序员的副业:我靠写作赚到的第一笔收入

● Vue+Spring Boot 前后端分离的商城项目开源啦!

● 「2020年中总结」这半年我又做了哪些副业?

● 我在地铁上写了一个开源商城项目

● 开源项目在闲鱼、b 站上被倒卖?这是什么骚操作

● 年终总结-2019年,我的副业元年

● 程序员,你怎么这么忙

● 捅娄子了,写个bug被国家信息安全漏洞共享平台抓到了

● SpringBoot+MyBatis开发JavaWeb线上商城项目

“程序员的小故事”公众号中除注明转载/出处外,皆为作者原创,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利。

  • 4
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
要生成一个基于Vue 3的中台项目,可以使用Vue CLI 4和Element Plus来快速初始化并搭建项目。 以下是一些基本的步骤: 1. 安装 Vue CLI 4 ```bash npm install -g @vue/cli ``` 2. 使用 Vue CLI 创建项目 ```bash vue create project-name ``` 在创建项目时,选择 `Manually select features` 选项,并选择 `Babel`、`Router`、`Vuex` 和 `CSS Pre-processors`,在 CSS 预处理器中选择 `Sass/SCSS (with node-sass)`。这些选项将为项目添必要的依赖项和配置。 3. 安装 Element Plus ```bash npm install element-plus ``` 4. 在 main.js 中引入 Element Plus ```js import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' const app = createApp(App) app.use(store) app.use(router) app.use(ElementPlus) app.mount('#app') ``` 5. 创建一个中台布局页面 在 `src/views` 目录下创建一个 `Layout.vue` 组件,这将是中台页面的主要布局组件。你可以使用 Element Plus 的组件来创建页面布局。 6. 创建一个路由配置 在 `src/router` 目录下创建一个 `index.js` 文件,并添以下内容: ```js import { createRouter, createWebHistory } from 'vue-router' import Layout from '@/views/Layout.vue' const routes = [ { path: '/', name: 'Layout', component: Layout, children: [ // 添其他路由配置 ] } ] const router = createRouter({ history: createWebHistory(process.env.BASE_URL), routes }) export default router ``` 在这里,我们将 `Layout.vue` 组件作为主页面,并在 `children` 中添其他页面路由配置。 7. 创建一个 Vuex Store 在 `src/store` 目录下创建一个 `index.js` 文件,并添以下内容: ```js import { createStore } from 'vuex' export default createStore({ state: { // 添状态 }, mutations: { // 添变更状态的方法 }, actions: { // 添异步操作的方法 }, modules: { // 添模块 } }) ``` 8. 运行项目 ```bash npm run serve ``` 现在你已经成功创建了一个基于 Vue 3 和 Element Plus 的中台项目,可以根据需要添其他组件、页面和功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员十三

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值