ves-admin's Introduction

ves-amdin

Vue Single Page Application Server Side Render Example for Ves Framework, Front-End and Node of The Application are Written in TypeScript.

Document

QuickStart

$ npm install -g ves-cli
$ ves init
$ npm install
$ npm run dev
$ open http://localhost:7001

Features

✔︎ Single Page Application, Support Vue Server Side Render and Client Side Render Modes, Rendering Cache, Automatic Downgrade
✔︎ Front-End and Node of The Application are Written in TypeScript, Use vue-property-decorator and vuex-class
✔︎ Build with Webpack + TypeScript, Auto Building, Hot Reload, Code Splitting, High Speed, Performance Optimization

Rendering

Font-End TypeScript

Node TypeScript

UI ScreenShot

TypeScript

License

MIT

ves-admin's People

Contributors

Stargazers

Watchers

ves-admin's Issues

多入口项目创建时layout/blog的bug

import { Vue,  Prop } from 'vue-property-decorator';

export default class Layout extends Vue {
  @Prop({ type: String, default: 'Ves' }) title?: string;
  @Prop({ type: String, default: 'Vue TypeScript Framework, Server Side Render' }) description?: string;
  @Prop({ type: String, default: 'Vue,TypeScript,Isomorphic' }) keywords?: string;

  isNode: boolean = EASY_ENV_IS_NODE;

  created() {
    console.log('>>EASY_ENV_IS_NODE create', EASY_ENV_IS_NODE);
  }
}

漏了Component装饰器。在这个项目中没找到这个多入口的这个layout，没法提pr。。。
改动如下：

import { Vue, Component, Prop } from 'vue-property-decorator';

@Component({
  name: 'Layout'
})
export default class Layout extends Vue {
  @Prop({ type: String, default: 'Ves' }) title?: string;
  @Prop({ type: String, default: 'Vue TypeScript Framework, Server Side Render' }) description?: string;
  @Prop({ type: String, default: 'Vue,TypeScript,Isomorphic' }) keywords?: string;

  isNode: boolean = EASY_ENV_IS_NODE;

  created() {
    console.log('>>EASY_ENV_IS_NODE create', EASY_ENV_IS_NODE);
  }
}