{"id":16492894,"url":"https://github.com/hubcarl/egg-typescript-element-kit","last_synced_at":"2025-03-23T12:34:42.559Z","repository":{"id":98270383,"uuid":"115416910","full_name":"hubcarl/egg-typescript-element-kit","owner":"hubcarl","description":"基于 Egg + TypeScript + Element 博客系统，包括前台系统和后台管理系统","archived":false,"fork":false,"pushed_at":"2018-08-28T07:56:20.000Z","size":2379,"stargazers_count":20,"open_issues_count":0,"forks_count":7,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-02T00:51:15.298Z","etag":null,"topics":["egg","egg-vue","egg-webpack","element-ui","server-side-rendering","server-side-vue","service-worker","typescript","typescript-egg","vue","vue-server-renderer","webpack"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hubcarl.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-12-26T11:38:48.000Z","updated_at":"2022-09-13T07:00:54.000Z","dependencies_parsed_at":"2023-03-27T22:19:03.837Z","dependency_job_id":null,"html_url":"https://github.com/hubcarl/egg-typescript-element-kit","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hubcarl%2Fegg-typescript-element-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hubcarl%2Fegg-typescript-element-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hubcarl%2Fegg-typescript-element-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hubcarl%2Fegg-typescript-element-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hubcarl","download_url":"https://codeload.github.com/hubcarl/egg-typescript-element-kit/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244301466,"owners_count":20430952,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["egg","egg-vue","egg-webpack","element-ui","server-side-rendering","server-side-vue","service-worker","typescript","typescript-egg","vue","vue-server-renderer","webpack"],"created_at":"2024-10-11T14:07:39.333Z","updated_at":"2025-03-23T12:34:42.547Z","avatar_url":"https://github.com/hubcarl.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# egg-typescript-element-kit\n\n基于 Egg + TypeScript + Element + Webpack3 多页面和单页面服务端客户端渲染同构完整工程项目.\n\n- 前台系统：http://localhost:7001\n\n![](https://github.com/hubcarl/egg-typescript-element-kit/blob/master/docs/images/home.png)\n\n- 后台系统：http://localhost:7001/admin\n\n![](https://github.com/hubcarl/egg-typescript-element-kit/blob/master/docs/images/admin.png)\n\n\n## 1. 项目介绍\n\n### 插件版本\n\n- Egg： ^2.x.x\n- Node: Node ^8.x.x+,\n- Webpack ^4.x.x\n- Vue: ^2.5.0\n- TypeScript: ^2.6.2\n- Element UI: ^2.0.0\n- [easywebpack-vue](https://github.com/hubcarl/easywebpack)\n- [egg-view-vue-ssr](https://github.com/hubcarl/egg-view-vue-ssr)\n- [egg-webpack](https://github.com/hubcarl/egg-webpack)\n- [egg-webpack-vue](https://github.com/hubcarl/egg-webpack-vue)\n\n### 项目特性\n\n- 支持 Egg Node 端代码 和 前端代码 TypeScript 编写和构建\n\n- 支持 service worker 自动化构建\n\n- 支持 async 和 await 特性, Controller 采用 class 方式编写\n\n- 支持 server 和 client 端代码修改, Webpack 时时编译和热更新, `npm run dev` 一键启动应用\n\n- 基于 vue + vuex + vue-router + axios 单页面服务器客户端同构实现\n\n- 支持开发环境, 测试环境，正式环境 Webpack 编译\n\n- 支持 js/css/image 资源依赖, 内置支持CDN特性\n\n- 支持 Webpack DLL 自动化构建\n\n- 支持 Vue 组件服务端渲染异步加载\n\n## 2. 系统功能\n\n### 前台博客系统\n\n**采用 Egg + Vue 服务端渲染**\n\n- 博客首页\n- 博客文章列表展示\n- 博客文章详情页面\n- 博客分类浏览\n\n### 后台管理系统\n\n**采用 Egg + Vue + Vue-Router + Element 单页面服务端同构渲染**\n\n- 用户登陆\n- 用户注册\n- Dashboard\n- 文章管理\n- Markdown添加文章 \n- 权限管理\n\n## 3. 使用\n\n#### 3.1 安装依赖\n\n```bash\nnpm install\nnpm start\n```\n\n#### 3.2 启动应用\n\n```bash\nnpm run dev\n```\n\n应用访问: http://127.0.0.1:7001\n\n![npm start启动](https://github.com/hubcarl/egg-typescript-element-kit/blob/master/docs/images/webpack-build.png)\n\n\n#### 3.3 构建\n\n- TypeScript Egg 构建\n\n```bash\nnpm run tsc\n```\n\n- TypeScript 前端工程构建\n\n```bash\nnpm run tsc\n```\n\n#### 3.4 打包部署\n\n1. 先运行 `npm run build` 构建 TypeScript Egg 代码和 TypeScript 前端代码\n2. 项目代码和构建代码一起打包代码\n3. 应用部署后，通过 `npm start` 启动应用\n\n## 4. 文档\n\n- http://hubcarl.github.io/easywebpack/vue/rule\n- https://zhuanlan.zhihu.com/easywebpack\n\n## 5. 参考资料\n\n- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin)\n\n## License\n\n[MIT](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhubcarl%2Fegg-typescript-element-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhubcarl%2Fegg-typescript-element-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhubcarl%2Fegg-typescript-element-kit/lists"}