1
1
mirror of https://github.com/aelve/guide.git synced 2024-12-24 21:35:06 +03:00
guide/front/README.md

43 lines
1.5 KiB
Markdown

# @vert/vue-ssr-template
> Vue project template with SSR, Vert and TypeScript support.
A tiny demo to show how to use [@vert/core](https://github.com/LancerComet/Vert-Core).
You can use this as your vert template.
## Features
- Webpack 4.
- Vue SSR support.
- Full TypeScript.
- Code in OOP.
- [@vert/core](https://github.com/LancerComet/Vert-Core) support.
## Commands
- `client:dev` - Start developing environment of client content.
- `client:build` - Build client content.
- `server:dev` - Start developing environment of ssr server.
- `server:build` - Build ssr content.
- `build-all` - Run `client:build` and `server:build` at same time. Please run this command for deployment.
- `start:dev` - Run `client:dev` and `server:dev` at same time. Please run this command for development.
- `start:prod` - Start ssr server in production environment. You should run `build-all` first to make it works.
## Development
Normally just run `start:dev` to start both normal http and ssr environment, and then:
- Go `localhost:4000` for normal http environment.
- Go `localhost:5000` for SSR-enabled environment.
Ports setting is stored in `build/build-config.js`.
## Production
Run `build-all` to files for production.
Then,
- Send your static files which are located in `dist/` to your (CDN) server.
- If you want to host a SSR server, the simplest way is to send the whole project to somewhere and run `start:prod`. But you can also build service by your own, just transfer vue-bundle-json files under `dist/` to your location and setup your API Gateway.