Deploy on staging environment

1. GIT_COMMIT_ID=$(git rev-parse HEAD)
2. echo "VUE_APP_VERSION='${GIT_COMMIT_ID}'" >> .env.staging
3. npm install
4. npm run build:stage
5. docker build . --tag iiiorg/devops-ui:version
6. docker push iiiorg/devops-ui:version
7. Edit k8s-yaml/devopswebui-deployment.yaml , Replace image version
8. kubectl apply -f k8s-yaml/devopswebui-deployment.yaml --kubeconfig ~/.kube/stage_config

Deploy on production environment

1. GIT_COMMIT_ID=$(git rev-parse HEAD)
2. echo "VUE_APP_VERSION='${GIT_COMMIT_ID}'" >> .env.production
3. npm install
4. npm run build:prod
5. docker build . --tag iiiorg/devops-ui:prod-${GIT_COMMIT_ID}
6. docker push iiiorg/devops-ui:prod-${GIT_COMMIT_ID}
7. Switch to deploy-devops projeact
8. Edit deploy-devops/devops-ui/k8s-yaml/devopsui-deployment.yaml , Replace image version
9. kubectl apply -f k8s-yaml/devopsui-deployment.yaml --kubeconfig ~/.kube/prod_config

vue-admin-template

English | 简体中文

A minimal vue admin template with Element UI & axios & iconfont & permission control & lint

Live demo: http://panjiachen.github.io/vue-admin-template

The current version is v4.0+ build on vue-cli. If you want to use the old version , you can switch branch to tag/3.11.0, it does not rely on vue-cli

Build Setup

# clone the project
git clone https://github.com/PanJiaChen/vue-admin-template.git

# enter the project directory
cd vue-admin-template

# install dependency
npm install

Develop Setup

Before running project in development mode, please setup your environment variable VUE_APP_DEV_PROXY_URL for API request in the .env.development file.

npm run dev

This will automatically open http://localhost:9528

Build

# build for test environment
npm run build:stage

# build for production environment
npm run build:prod

Advanced

# preview the release environment effect
npm run preview

# preview the release environment effect + static resource analysis
npm run preview -- --report

# code format check
npm run lint

# code format check and auto fix
npm run lint -- --fix

Refer to Documentation for more information

Demo

Extra

If you want router permission && generate menu by user roles , you can use this branch permission-control

For typescript version, you can use vue-typescript-admin-template (Credits: @Armour)

Related Project

• vue-element-admin

• electron-vue-admin

• vue-typescript-admin-template

• awesome-project

Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge	Firefox	Chrome	Safari
IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions