最好的学习方法是阅读书籍和官方文档,以及 GitHub 开源代码,然后编写测试代码。
简体中文 | English
当前项目使用 Vue3 & Node.js 开发,旧版本可参考:
-
先用 Vue 官方脚手架初始化一个测试 demo,看下最新的包依赖版本是多少,然后当前项目中也安装相应版本的依赖。
-
将
fe/src/router/routes.ts
中的路由都暂时注释掉,新增一个测试页面,然后采用渐进式的方式逐步迁移原有业务代码。 -
将
fe/src/components
下的组件都转为 Vue3 的语法。 -
逐步迁移
fe/src/pages
。 -
注:此项目纯属个人爱好及代码测试。
-
前端:@vue/cli@4.5.13、vue.js@3.2.16、vuex@4.0.2、vue-router@4.0.11、Less、ES6(7|8)、Webpack4、axios@0.19.0
-
后端:Node.js(Koa.js)、MySQL、TypeORM、class-validator
-
前端代码在 fe 目录下,node 代码在 server 目录下,打开对应的目录,查看 package.json,npm 执行 对应的 script 即可。
-
前端:参考 fe 目录下的 nginx.conf、Jenkinsfile、publish.sh
-
后端:参考 server 目录下的 nginx.conf、pm2.json、Jenkinsfile、publish.sh
-
安装 MySQL 数据库,新建数据库tour,然后导入全部数据(/server/tour.sql)
-
数据库 tour_user 表中的用户默认密码均为 123456
- 登录、注册、密码修改(100%)
- 个人中心信息展示、资料修改(100%)
- 头像上传(100%)
- app首页(100%)
- app列表页——全球优惠券(100%)
- 展示国家与地区列表(100%)
- 每个国家与地区对应的优惠券、新闻、banner轮播图(100%)
- 领取优惠券(100%)
- 优惠券详情(100%)
- 使用优惠券(100%)
- 发布优惠券文字(100%)
- 星级评价组件(100%)
- 微信分享(100%)使用 nodejs 开发微信源码:https://github.com/zhaoyiming0803/wechat-nodejs
-
如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^
-
或者您可以 "follow" 一下,我会不断开源更多的有趣的项目
-
如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR 👍
- https://vuejs.org/
- https://router.vuejs.org/installation.html
- https://vuex.vuejs.org/guide/
- https://koajs.com/
- https://github.com/koajs/router/blob/master/API.md
- https://www.npmjs.com/package/koa-swagger-decorator
- https://typeorm.io/
- https://www.npmjs.com/package/class-validator
- https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html
- https://pm2.keymetrics.io/docs/usage/quick-start/
- https://github.com/zhaoyiming0803/test-code/blob/master/TypeORMDemoWithKoa/