Introduction

jvue

Next light-weight,responsive project With Docker,Vue2,Vue CLI 3,webpack4,Java8 and Spring Boot5

Important Changes in JVue 4

Using Docker for deploy

Install

The instructions assume that you have already installed Docker and Docker Compose.

Run

install docker

yum install docker

install docker-compose

curl -L https://get.daocloud.io/docker/compose/releases/download/1.25.0/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose

See https://docs.docker.com/compose/reference/up/

Run jvue

docker(for dev)

docker compose up --build

docker(for production)

docker compose up -d --build

dev

1. jvue-mysql

docker start jvue-mysql

2. jvue-server

cd ./jvue-server/src/main/java/com/terwergreen/jvueserver
# then run JVueServerApplication `main` function
# that's all

3. jvue-front

cd ./jvue-front
yarn config set registry https://registry.npmmirror.com/ --global  && \
    yarn config set disturl https://npmmirror.com/package/dist --global && \
    yarn config set sass_binary_site https://cdn.npmmirror.com/binaries/node-sass --global  && \
    yarn config set electron_mirror https://registry.npmmirror.com/binary.html?path=electron/ --global  && \
    yarn config set puppeteer_download_host https://registry.npmmirror.com/binary.html --global  && \
    yarn config set chromedriver_cdnurl https://cdn.npmmirror.com/binaries/chromedriver --global  && \
    yarn config set operadriver_cdnurl https://cdn.npmmirror.com/binaries/operadriver --global  && \
    yarn config set phantomjs_cdnurl https://cdn.npmmirror.com/binaries/phantomjs --global  && \
    yarn config set selenium_cdnurl https://cdn.npmmirror.com/binaries/selenium --global  && \
    yarn config set node_inspector_cdnurl https://cdn.npmmirror.com/binaries/node-inspector --global
yarn
ARTALK_SERVER_URL=https://talk.terwergreen.com:8003 yarn dev

or simplely dev front project without step2

./dev.sh

Structure

It is a docker-compose project
Have fun and enjoy!

Contribute

You can contribute simplely by create a pull request for me

For detailed explanation on how things work, please visit author's blog.