CoreUI Vue.js Admin Template 3.1.0で管理画面を作成する

2020年7月28日(火)

環境

ディレクトリ構成

/
+-home
|   +-mizuki
|       +-.nvm
|       |   +-versions
|       |       +-node
|       |           +-v12.18.3
|       |
|       +-.local
|       |   +-share
|       |       +-applications
|       |           |-_home_mizuki_opt_eclipse-jee-202006_.desktop
|       |
|       +-opt
|       |   |-eclipse-jee -> /home/mizuki/opt/eclipse-jee-202006
|       |   |
|       |   +-eclipse-jee-202006
|       |
|       +-workspace
|       |   +-eclipse
|       |   +-github
|       |       +-coreui-free-vue-admin-template-3.1.0
|       |
|       +-www
|           +-html
|               +-static
|                   |-index.html
|
+-media
|   +-sf_sharedfolder
|
+-opt
|   |-apache-tomcat -> /opt/apache-tomcat-9.0.37
|   |
|   +-apache-tomcat-9.0.37
|   |   +-bin
|   |   |   |-startup.sh
|   |   |   |-shutdown.sh
|   |   |   |-setenv.sh
|   |   |
|   |   +-conf
|   |       |-tomcat-users.xml
|   |
|   |-java -> /opt/oracle-jdk-11.0.7
|   |
|   +-oracle-jdk-11.0.7
|       +-bin
|           |-java
|
+-etc
    +-selinux
        |-config
          

1. CoreUI Vue.js Admin Template 3.1.0をインストールする

1-1. Webサイト

1-2. ライセンス

1-3. インストール要件

1-4. インストール

インストール手順

$ cd /home/mizuki/workspace/github

# clone the repo
$ git clone https://github.com/coreui/coreui-free-vue-admin-template.git coreui-free-vue-admin-template-3.1.0

# go into app's directory
$ cd coreui-free-vue-admin-template-3.1.0

# install app's dependencies
$ npm install

# serve with hot reload at localhost:8080
$ npm run serve
DONE  Compiled successfully in 18027ms 17:02:36
App running at:
- Local:   http://localhost:8081/
- Network: http://10.0.2.15:8081/
Note that the development build is not optimized.
To create a production build, run npm run build.