GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → hubcarl → egg-typescript-element-kit

hubcarl / egg-typescript-element-kit

Licence: MIT License
基于 Egg + TypeScript + Element 博客系统，包括前台系统和后台管理系统

Programming Languages

Vue
7211 projects
typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Labels

webpackvueservice-workerserver-side-renderingeggelement-uivue-server-rendererserver-side-vuetypescript-eggegg-vueegg-webpack

Projects that are alternatives of or similar to egg-typescript-element-kit

egg-vue-typescript-boilerplate
Egg Vue TypeScript Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 69 (+263.16%)
Mutual labels:  egg, typescript-egg, egg-vue, egg-webpack
Cool Admin Midway
cool-admin(midway版)一个很酷的后台权限管理框架，模块化、插件化、CRUD极速开发，永久开源免费，基于midway.js 2.0、typeorm、mysql、jwt、element-ui等构建
Stars: ✭ 204 (+973.68%)
Mutual labels:  egg, element-ui
Cool Admin Api
cool-admin-api 是基于egg.js、typeorm、jwt等封装的api开发脚手架、快速开发api接口
Stars: ✭ 188 (+889.47%)
Mutual labels:  egg, element-ui
Nodeplatform Eggjs
基于egg.js编写的node平台,演示地址不要乱搞啊
Stars: ✭ 155 (+715.79%)
Mutual labels:  egg, element-ui
ves
Vue SSR(Server Side Render) Web Framework for Egg
Stars: ✭ 23 (+21.05%)
Mutual labels:  server-side-rendering, vue-server-renderer
egg-view-vue-ssr
Egg Vue Server Side Render (SSR) Plugin
Stars: ✭ 90 (+373.68%)
Mutual labels:  server-side-rendering, egg
Egg Vue Webpack Boilerplate
Egg Vue Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 1,302 (+6752.63%)
Mutual labels:  server-side-rendering, egg
Twreporter React
twreporter site with nodejs
Stars: ✭ 263 (+1284.21%)
Mutual labels:  service-worker, server-side-rendering
nodePlatform-eggjs
基于egg.js编写的node平台,演示地址不要乱搞啊
Stars: ✭ 214 (+1026.32%)
Mutual labels:  egg, element-ui
egg-vue-webpack-dev
基于egg + vue2 + webpack2 的前后端集成开发编译构建插件
Stars: ✭ 29 (+52.63%)
Mutual labels:  server-side-rendering, egg
yii2-react
Yii2 widget for server-side rendering ReactJs
Stars: ✭ 38 (+100%)
Mutual labels:  server-side-rendering
Prelude
A web app for practicing musical sight reading skills
Stars: ✭ 24 (+26.32%)
Mutual labels:  service-worker
http4s-dom
http4s, in a browser near you
Stars: ✭ 13 (-31.58%)
Mutual labels:  service-worker
egg-userservice
userservice plugin for egg
Stars: ✭ 21 (+10.53%)
Mutual labels:  egg
element-theme-dark
Element UI dark theme
Stars: ✭ 102 (+436.84%)
Mutual labels:  element-ui
web-starter-kit
An opinionated starter kit with styled-system, graphql-hooks, mobx and nextjs (PWA)
Stars: ✭ 17 (-10.53%)
Mutual labels:  server-side-rendering
block service workers
Extension to block Service Workers registration in Chrome (also see https://shadow-workers.github.io )
Stars: ✭ 29 (+52.63%)
Mutual labels:  service-worker
egg-parameters
Merge all parameters (ctx.params, ctx.request.query, ctx.request.body) into ctx.params like Rails application.
Stars: ✭ 24 (+26.32%)
Mutual labels:  egg
egg-oracle
OracleDB plugin for egg
Stars: ✭ 23 (+21.05%)
Mutual labels:  egg
jekyll-pwa-workbox
A Jekyll plugin using Workbox to make your PWA / Website available offline.
Stars: ✭ 22 (+15.79%)
Mutual labels:  service-worker
View All Similar Projects ➔

egg-typescript-element-kit

基于 Egg + TypeScript + Element + Webpack3 多页面和单页面服务端客户端渲染同构完整工程项目.

1. 项目介绍

插件版本

项目特性

  • 支持 Egg Node 端代码 和 前端代码 TypeScript 编写和构建

  • 支持 service worker 自动化构建

  • 支持 async 和 await 特性, Controller 采用 class 方式编写

  • 支持 server 和 client 端代码修改, Webpack 时时编译和热更新, npm run dev 一键启动应用

  • 基于 vue + vuex + vue-router + axios 单页面服务器客户端同构实现

  • 支持开发环境, 测试环境，正式环境 Webpack 编译

  • 支持 js/css/image 资源依赖, 内置支持CDN特性

  • 支持 Webpack DLL 自动化构建

  • 支持 Vue 组件服务端渲染异步加载

2. 系统功能

前台博客系统

采用 Egg + Vue 服务端渲染

  • 博客首页
  • 博客文章列表展示
  • 博客文章详情页面
  • 博客分类浏览

后台管理系统

采用 Egg + Vue + Vue-Router + Element 单页面服务端同构渲染

  • 用户登陆
  • 用户注册
  • Dashboard
  • 文章管理
  • Markdown添加文章
  • 权限管理

3. 使用

3.1 安装依赖

npm install
npm start

3.2 启动应用

npm run dev

应用访问: http://127.0.0.1:7001

npm start启动

3.3 构建

  • TypeScript Egg 构建
npm run tsc
  • TypeScript 前端工程构建
npm run tsc

3.4 打包部署

  1. 先运行 npm run build 构建 TypeScript Egg 代码和 TypeScript 前端代码
  2. 项目代码和构建代码一起打包代码
  3. 应用部署后，通过 npm start 启动应用

4. 文档

5. 参考资料

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].