VirtualBox6とCentOS7でVue2の開発環境を構築する

環境

Windows 10 Pro 2004
Oracle VM VirtualBox 6.1.12 (2020/07/14)
Oracle VM VirtualBox 6.1.12 Extension Pack
CentOS Linux 7 (2003) (2020/04/27)

Git 2.24.2 (IUS版)
Google Chrome
Oracle Java SE Development Kit 11.0.7
Apache Tomcat 9.0.37 (2020/07/05)
Apache 2.4.6 (2013/07/22)

nvm v0.35.3 (2020/03/06)
node v12.18.2 (npm v6.14.5) (2020/06/30)
Visual Studio Code 1.47.2 (2020/06)

Eclipse IDE for Enterprise Java Developers 2020-06 R (4.16.0)
Spring Tool 4 (aka Spring Tool Suite 4) 4.7.0.RELEASE (2020/06/19)

ディレクトリ構成

/
+-home
|   +-mizuki
|       +-.nvm
|       |   +-versions
|       |       +-node
|       |           +-v12.18.2
|       |
|       +-.local
|       |   +-share
|       |       +-applications
|       |           |-_home_mizuki_opt_eclipse-jee-202006_.desktop
|       |
|       +-opt
|       |   |-eclipse-jee -> /home/mizuki/opt/eclipse-jee-202006
|       |   |
|       |   +-eclipse-jee-202006
|       |
|       +-workspace
|       |   +-eclipse
|       |
|       +-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. Oracle VM VirtualBoxをインストールする

1-1. インストーラーを実行する

VirtualBox-6.1.12-139181-Win.exe

1-2. 機能拡張パッケージをインストールする

インストーラーの実行が終わると拡張子の関連付けがされるのでダブルクリックで実行できる。

本体を更新インストールした場合は起動後に自動的に最新の機能拡張パッケージのインストールが行われる。

Oracle_VM_VirtualBox_Extension_Pack-6.1.12.vbox-extpack

2. CentOSをインストールする

2-1. ネットインストールのISOイメージのダウンロード

CentOS > CentOS Linux > 7 (2003) > x86_64 > CentOS-7-x86_64-NetInstall-2003.iso

2-2. 仮想マシンの作成

Oracle VM VirtualBox マネージャー > 仮想マシンメニュー > 新規

仮想マシンの作成名前とオペレーティングシステム

名前: CentOS7-2003-100GB
マシンフォルダー: D:\var\virtualbox
タイプ: Linux
バージョン: Red Hat (64-bit)

仮想マシンの作成メモリーサイズ

メモリーサイズ: 8192 MB

仮想マシンの作成ハードディスク

ハードディスク: 仮想ハードディスクを作成する

仮想マシンの作成ハードディスク仮想ハードディスクの作成ハードディスクのファイルタイプ

ハードディスクのファイルタイプ: VDI (VirtualBox Disk Image)

仮想マシンの作成ハードディスク仮想ハードディスクの作成物理ハードディスクにあるストレージ

物理ハードディスクにあるストレージ: 可変サイズ

仮想マシンの作成ハードディスク仮想ハードディスクの作成ファイルの場所とサイズ

ファイルの場所: D:\var\virtualbox\CentOS7-2003-100GB\CentOS7-2003-100GB.vdi
サイズ: 100.00 GB

2-3. 仮想マシンの設定

仮想マシン(CentOS7-2003-100GB) > 設定

ディスプレイ

スクリーン > ビデオメモリー: 128 MB

2-4. 仮想マシンの起動

仮想マシン(CentOS7-2003-100GB) > 起動

起動ハードディスクを選択

起動ハードディスク > 光学ディスク選択 > 追加: CentOS-7-x86_64-NetInstall-2003.iso

2-5. CentOSのインストール

画面をクリックするとマウスがキャプチャーされる。キーボードの右コントロールキー押下で戻せる。

インストール時に使用する言語

日本語 > 日本語(日本)

ネットワークとホスト名 (ネットワーク上のインストールソースを利用する場合は先にネットワークの設定が必要)

Ethernet (enp0s3) > オン

ソフトウェア > インストールソース

使用するインストールソースを選択してください。

ネットワーク上: http://ftp.jaist.ac.jp/pub/Linux/CentOS/7.8.2003/os/x86_64

ネットワークインストール用のISOイメージをダウンロードしたURLを指定する。その際、"isos"を"os"に変更する。

ソフトウェア > ソフトウェアの選択

ベース環境

開発およびクリエイティブワークステーション

選択した環境のアドオン

その他の開発
開発ツール
プラットフォーム開発
セキュリティーツール
システム管理ツール

システム > インストール先

デフォルトのままにする。

『インストールの開始』ボタンを押す。

ユーザーの設定

ROOTパスワード
ユーザーの作成
- このユーザーを管理者にする=sudoできる

インストールが完了したので再起動する。

初期セットアップ

LICENSING > ライセンスに同意

『設定の完了』ボタンを押す。

一般ユーザーのログイン（サインインボタンの横の歯車『＊』でデスクトップマネージャー『GNOME』を選択する。『GNOMEクラシック』だとデスクトップにアクティビティが表示されない。）

ようこそ

日本語

入力

日本語 (かな漢字)
- Windowsキー + スペースキーで日本語入力に切り替えできる。

プライバシー

位置情報サービスはオフにする。

オンラインアカウント

オンラインアカウントへの接続はスキップする。

準備完了

右上のアイコンからログアウトする。

ROOTユーザーのログイン

『アカウントが見つかりませんか？』から入る。

デスクトップ画面が表示されるまでは一般ユーザーと同じ設定にする。

アプリケーションメニュー > システムツール > 設定 > ネットワーク

有線をオンにして『＊』から自動接続にする。

アプリケーションメニュー > システムツール > ソフトウェアの更新

パッケージの提供元を信用する。

更新が終わったら再起動する。

2-6. Guest Additionsのインストール

これが終わればマウスキャプチャされずに普通のアプリケーションのウィンドウのように扱える。

一般ユーザーでログインする。右コントロールキー押下でマウスキャプチャをやめる。

VirtualBoxのデバイスメニュー > Guest Additions CDイメージの挿入...

自動実行する。

インストールが終わったらデスクトップのアクティビティからファイルを起動してCDを取り出す。

右上のアイコンから電源オフにする。

2-7. VMのバックアップ

Oracle VM VirtualBox マネージャーを終了してVMのフォルダをコピーしてバックアップする。

D:\var\virtualbox\CentOS7-2003-100GB-20200708-OSとGuestAdditionsまで完了

3. ソフトウェアをインストールする

3-1. SELinux

SELinuxの設定を警告のみに変更する。この変更を行わないと原因不明のエラーになることがある。

$ cd /etc/selinux
$ sudo vi config

# This file controls the state of SELinux on the system.
# SELINUX= can take one of these three values:
#     enforcing - SELinux security policy is enforced.
#     permissive - SELinux prints warnings instead of enforcing.
#     disabled - No SELinux policy is loaded.
SELINUX=enforcing
=>permissiveに変更する。

変更したらOSを再起動する。

変更されているか確認する。

$ getenforce
Permissive

参考

3-2. Git 2.24.2 (IUS版)

Gitのバージョンが古いので新しいバージョンをインストールする。

$ git --version
git version 1.8.3.1

Gitのサイトでthe IUS Community Projectが勧められている。

Git - Downloads
https://git-scm.com/downloads
  Linux/Unix
    Download for Linux and Unix
    https://git-scm.com/download/linux
      Red Hat Enterprise Linux, Oracle Linux, CentOS, Scientific Linux, et al.
        RHEL and derivatives typically ship older versions of git.
        You can download a tarball and build from source, or use a 3rd-party repository such as the IUS Community Project to obtain a more recent version of git.
          IUS
          https://ius.io/

IUS版のRHEL/CentOS 7のSetupを行う。

$ sudo yum install yum install https://repo.ius.io/ius-release-el7.rpm https://dl.fedoraproject.org/pub/epel/epel-release-latest-7.noarch.rpm

DNFをインストールする。

IUS > More > Usage > DNF

$ sudo yum install dnf

Gitをインストールする。

IUS > Packages > [org:iusrepo topic:rpm git]検索 > [iusrepo/git224]

$ sudo dnf --allowerasing install git224

$ git --version
git version 2.24.2

3-3. Google Chrome

FirefoxブラウザでOracle account sign inのパスワードフィールドにカーソルを移動するとフリーズするので先にChromeをインストールする。

アクティビティ > Firefox
Firefoxブラウザで "chrome" を検索する。

ダウンロードページを開く。
  Chromeをダウンロードボタン押下
    64ビット .rpm (Fedora/openSUSE用)を選択
      同意してインストールボタン押下
        ファイルをダウンロードして保存する。
        google-chrome-stable_current_x86_64.rpm

rpmをインストールする。

$ cd /home/mizuki
$ mkdir src

$ cd /home/mizuki/Downloads
$ mv google-chrome-stable_current_x86_64.rpm /home/mizuki/src

$ cd /home/mizuki/src
$ sudo yum localinstall google-chrome-stable_current_x86_64.rpm

Google Chromeを起動する。

アクティビティ > Google Chrome

参考

3-4. Oracle Java SE Development Kit 11.0.7

ブラウザでファイルをダウンロードする。

Java SE Development Kit 11 Downloads
https://www.oracle.com/java/technologies/javase-downloads.html
  Java SE 11 (LTS)
    Linux Compressed Archive
      Linux	172.63 MB jdk-11.0.7_linux-x64_bin.tar.gz

インストールしてシンボリックリンクを設定する。

$ cd /home/mizuki/Downloads
$ mv jdk-11.0.7_linux-x64_bin.tar.gz /home/mizuki/src

$ cd /home/mizuki/src
$ tar xvf jdk-11.0.7_linux-x64_bin.tar.gz
$ mv jdk-11.0.7 oracle-jdk-11.0.7
$ sudo mv oracle-jdk-11.0.7 /opt

$ cd /opt
$ sudo chown -R root:root oracle-jdk-11.0.7
$ sudo ln -s /opt/oracle-jdk-11.0.7 /opt/java

システムにインストールされているJavaを確認する。

$ java -version
openjdk version "1.8.0_252"
OpenJDK Runtime Environment (build 1.8.0_252-b09)
OpenJDK 64-Bit Server VM (build 25.252-b09, mixed mode)

ローカルにインストールしたJavaを確認する。

$ /opt/java/bin/java -version
java version "11.0.7" 2020-04-14 LTS
Java(TM) SE Runtime Environment 18.9 (build 11.0.7+8-LTS)
Java HotSpot(TM) 64-Bit Server VM 18.9 (build 11.0.7+8-LTS, mixed mode)

3-5. Apache Tomcat 9.0.37

ブラウザでファイルをダウンロードする。

Tomcat 9 Software Downloads
https://tomcat.apache.org/download-90.cgi
  9.0.37
    Binary Distributions
      Core
        tar.gz (pgp, sha512)
          apache-tomcat-9.0.37.tar.gz

インストールしてシンボリックリンクを設定する。

$ cd /home/mizuki/Downloads
$ mv apache-tomcat-9.0.37.tar.gz /home/mizuki/src

$ cd /home/mizuki/src
$ tar xvf apache-tomcat-9.0.37.tar.gz
$ sudo mv apache-tomcat-9.0.37 /opt

Tomcat用のユーザーを作成して所有者を変更する。
$ sudo useradd -s /sbin/nologin tomcat
$ sudo chown -R tomcat:tomcat /opt/apache-tomcat-9.0.37

$ sudo ln -s /opt/apache-tomcat-9.0.37 /opt/apache-tomcat

環境設定を行う。

Tomcat起動時に読み込まれる環境設定ファイルを作成する。
$ sudo vi /opt/apache-tomcat/bin/setenv.sh

以下を記述する。
JAVA_HOME=/opt/java
CATALINA_PID="$CATALINA_BASE/tomcat.pid"

権限設定と所有者の変更を行う。
$ sudo chmod 750 /opt/apache-tomcat/bin/setenv.sh
$ sudo chown tomcat:tomcat /opt/apache-tomcat/bin/setenv.sh

Tomcatのインストールディレクトリを環境変数に設定する。
$ sudo vi /etc/profile.d/tomcat.sh

以下を記述する。
export CATALINA_HOME=/opt/apache-tomcat

サービスの作成と登録を行う。

$ sudo vi /etc/systemd/system/tomcat.service

以下を記述する。
[Unit]
Description=Apache Tomcat 9
After=syslog.target network.target

[Service]
User=tomcat
Group=tomcat
Type=simple
PIDFile=/opt/apache-tomcat/tomcat.pid
RemainAfterExit=yes
SuccessExitStatus=143

ExecStart=/opt/apache-tomcat/bin/startup.sh
ExecStop=/opt/apache-tomcat/bin/shutdown.sh

[Install]
WantedBy=multi-user.target

権限設定を行う。
$ sudo chmod 755 /etc/systemd/system/tomcat.service

サービスを有効にする。(OS起動時にTomcatが起動する)
$ sudo systemctl enable tomcat
Created symlink from /etc/systemd/system/multi-user.target.wants/tomcat.service to /etc/systemd/system/tomcat.service.

メモ

Type=oneshotだとTomcatがフォアグラウンドで動作するのでsystemctl startの制御が戻らない。
systemctl stopすると終了コード143になる。(これは正常らしい)
Type=simpleではExecReStartはunknownになる。

サービスを起動／終了する。

$ sudo systemctl start tomcat
$ sudo systemctl -l status tomcat
● tomcat.service - Apache Tomcat 9
   Loaded: loaded (/etc/systemd/system/tomcat.service; enabled; vendor preset: disabled)
   Active: active (running) since 水 2020-07-08 20:45:27 JST; 10s ago
 Main PID: 7221 (java)
    Tasks: 29
   CGroup: /system.slice/tomcat.service
           └─7221 /opt/java/bin/java -Djava.util.logging.config.file=/opt/apache-tomcat/conf/logging.properties -Djava.util.logging.manager=org.apache.juli.ClassLoaderLogManager -Djdk.tls.ephemeralDHKeySize=2048 -Djava.protocol.handler.pkgs=org.apache.catalina.webresources -Dorg.apache.catalina.security.SecurityListener.UMASK=0027 -Dignore.endorsed.dirs= -classpath /opt/apache-tomcat/bin/bootstrap.jar:/opt/apache-tomcat/bin/tomcat-juli.jar -Dcatalina.base=/opt/apache-tomcat -Dcatalina.home=/opt/apache-tomcat -Djava.io.tmpdir=/opt/apache-tomcat/temp org.apache.catalina.startup.Bootstrap start

 7月 08 20:45:27 localhost.localdomain systemd[1]: Started Apache Tomcat 9.

$ sudo systemctl stop tomcat
$ sudo systemctl -l status tomcat
● tomcat.service - Apache Tomcat 9
   Loaded: loaded (/etc/systemd/system/tomcat.service; enabled; vendor preset: disabled)
   Active: inactive (dead) since 水 2020-07-08 20:47:16 JST; 9s ago
  Process: 7287 ExecStop=/opt/apache-tomcat/bin/shutdown.sh (code=exited, status=0/SUCCESS)
  Process: 7221 ExecStart=/opt/apache-tomcat/bin/startup.sh (code=exited, status=0/SUCCESS)
 Main PID: 7221 (code=exited, status=0/SUCCESS)

 7月 08 20:45:27 localhost.localdomain systemd[1]: Started Apache Tomcat 9.
 7月 08 20:47:15 localhost.localdomain systemd[1]: Stopping Apache Tomcat 9...
 7月 08 20:47:15 localhost.localdomain shutdown.sh[7287]: NOTE: Picked up JDK_JAVA_OPTIONS:  --add-opens=java.base/java.lang=ALL-UNNAMED --add-opens=java.base/java.io=ALL-UNNAMED --add-opens=java.rmi/sun.rmi.transport=ALL-UNNAMED
 7月 08 20:47:16 localhost.localdomain systemd[1]: Stopped Apache Tomcat 9.

Tomcatの管理画面のユーザーを登録する。

$ sudo vi /opt/apache-tomcat/conf/tomcat-users.xml

以下を最後に追記する。
<role rolename="manager-gui"/>
<user username="tomcat" password="tomcat" roles="manager-gui"/>

Tomcatの管理画面にログインできることを確認する。

$ sudo systemctl -l status tomcat
● tomcat.service - Apache Tomcat 9
   Loaded: loaded (/etc/systemd/system/tomcat.service; enabled; vendor preset: disabled)
   Active: inactive (dead) since 水 2020-07-08 20:47:16 JST; 17min ago
  Process: 7287 ExecStop=/opt/apache-tomcat/bin/shutdown.sh (code=exited, status=0/SUCCESS)
  Process: 7221 ExecStart=/opt/apache-tomcat/bin/startup.sh (code=exited, status=0/SUCCESS)
 Main PID: 7221 (code=exited, status=0/SUCCESS)

 7月 08 20:45:27 localhost.localdomain systemd[1]: Started Apache Tomcat 9.
 7月 08 20:47:15 localhost.localdomain systemd[1]: Stopping Apache Tomcat 9...
 7月 08 20:47:15 localhost.localdomain shutdown.sh[7287]: NOTE: Picked up JDK_JAVA_OPTIONS:  --add-opens=java.base/java.lang=ALL-UNNAMED --add-opens=java.base/java.io=ALL-UNNAMED --add-opens=java.rmi/sun.rmi.transport=ALL-UNNAMED
 7月 08 20:47:16 localhost.localdomain systemd[1]: Stopped Apache Tomcat 9.

$ sudo systemctl start tomcat

ブラウザでトップページを開く。
http://localhost:8080/
  Manager Appボタン押下
    ユーザー名とパスワード(tomcat/tomcat)を入力する。

参考

3-6. Apache 2.4.6

デフォルトでインストールされている。

$ httpd -v
Server version: Apache/2.4.6 (CentOS)
Server built:   Apr  2 2020 13:13:23

設定ファイルをバックアップする。

$ cd /etc/httpd/conf
$ sudo cp -p httpd.conf httpd.conf.bak

Apacheのドキュメントルートをユーザーディレクトリ配下に変更する。

$ sudo vi /etc/httpd/conf/httpd.conf

(1)
#
# DocumentRoot: The directory out of which you will serve your
# documents. By default, all requests are taken from this directory, but
# symbolic links and aliases may be used to point to other locations.
#
#DocumentRoot "/var/www/html"
DocumentRoot "/home/mizuki/www/html"

(2)
#
# Relax access to content within /var/www.
#
#<Directory "/var/www">
<Directory "/home/mizuki/www">
    AllowOverride None
    # Allow open access:
    Require all granted
</Directory>

(3)
# Further relax access to the default document root:
#<Directory "/var/www/html">
<Directory "/home/mizuki/www/html">
    #
    # Possible values for the Options directive are "None", "All",
    # or any combination of:
    #   Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
    #
    # Note that "MultiViews" must be named *explicitly* --- "Options All"
    # doesn't give it to you.
    #
    # The Options directive is both complicated and important.  Please see
    # http://httpd.apache.org/docs/2.4/mod/core.html#options
    # for more information.
    #
    Options Indexes FollowSymLinks

    #
    # AllowOverride controls what directives may be placed in .htaccess files.
    # It can be "All", "None", or any combination of the keywords:
    #   Options FileInfo AuthConfig Limit
    #
    AllowOverride None

    #
    # Controls who can get stuff from this server.
    #
    Require all granted
</Directory>

ApacheからTomcatに転送する設定を行う。

$ sudo vi /etc/httpd/conf.d/tomcat.conf

ProxyPass /static !
ProxyPass / ajp://localhost:8009/

${DocumentRoot}/static配下は転送しない。
それ以外はTomcatに転送する。

Apacheのドキュメントルートのディレクトリを作成する。

$ cd /home/mizuki

$ mkdir www
$ mkdir www/html
$ mkdir www/html/static

Apacheがアクセスできるようにディレクトリの権限を変更(o+x)する。

$ ls -al /
drwxr-xr-x.   4 root root    34 11月 24 23:35 home

$ ls -al /home
drwx------. 20 mizuki mizuki 4096 11月 30 19:09 mizuki
$ chmod 701 /home/mizuki
$ ls -al /home
drwx-----x. 20 mizuki mizuki 4096 11月 30 19:09 mizuki

$ ls -al /home/mizuki
drwxrwxr-x.  3 mizuki mizuki   18 11月 30 20:25 www

$ ls -al /home/mizuki/www
drwxrwxr-x.  3 mizuki mizuki   20 11月 30 20:25 html

$ ls -al /home/mizuki/www/html
drwxrwxr-x. 2 mizuki mizuki 24 11月 30 20:25 static

動作確認用のファイルを作成する。

$ cd /home/mizuki/www/html/static
$ vi index.html

<!DOCTYPE html>
<html lang="ja">
  <head><title>Mizuki DocumentRoot</title></head>
  <body><p>It works!!!</p></body>
<html>

動作確認を行う。

$ sudo systemctl stop httpd
$ sudo systemctl stop tomcat
$ sudo systemctl start tomcat
$ sudo systemctl start httpd

ブラウザで表示する。
http://localhost/static/index.html

参考

4. Vueの開発環境をインストールする

4-1. nvm v0.35.3

nodeのバージョンを切り替えて環境構築できるようにバージョン管理を導入する。

インストールスクリプトを実行する。

$ cd /home/mizuki
$ curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

~/.bashrcに書き込まれるので新しい端末を起動してインストールの成功を確認する。

Verify installation
https://github.com/nvm-sh/nvm#verify-installation

$ command -v nvm
nvm

$ nvm --version
0.35.3

参考

4-2. node v12.18.2 (npm v6.14.5)

nvmを使ってnodeをインストールする。

利用可能なnodeのバージョンを調べる。

$ cd /home/mizuki
$ nvm ls-remote
v12.18.2   (Latest LTS: Erbium)

バージョンを指定して安定版をインストールする。

$ cd /home/mizuki
$ nvm install 12.18.2

新しい端末で使用しているnodeのバージョンを確認する。

$ cd /home/mizuki
$ nvm use node
Now using node v12.18.2 (npm v6.14.5)

$ node -v
v12.18.2

インストール済みのバージョンを表示する。

$ cd /home/mizuki
$ nvm ls
->      v12.18.2
default -> 12.18.2 (-> v12.18.2)
node -> stable (-> v12.18.2) (default)
stable -> 12.18 (-> v12.18.2) (default)

使用するnodeのバージョンを "default" のaliasで指定されているものにする。

$ cd /home/mizuki
$ nvm use default
Now using node v12.18.2 (npm v6.14.5)

$ nvm ls
->      v12.18.2
default -> 12.18.2 (-> v12.18.2)
node -> stable (-> v12.18.2) (default)
stable -> 12.18 (-> v12.18.2) (default)

$ node -v
v12.18.2

参考

Node Version Manager - Usage

4-3. Visual Studio Code 1.47.2

公式の手順でインストールを行う。

$ cd /home/mizuki
$ sudo rpm --import https://packages.microsoft.com/keys/microsoft.asc
$ sudo sh -c 'echo -e "[code]\nname=Visual Studio Code\nbaseurl=https://packages.microsoft.com/yumrepos/vscode\nenabled=1\ngpgcheck=1\ngpgkey=https://packages.microsoft.com/keys/microsoft.asc" > /etc/yum.repos.d/vscode.repo'

$ cd /home/mizuki
$ sudo dnf check-update
$ sudo dnf install code

デスクトップ左上のアクティビティ > 検索ワード "code" から Visual Studio Code を起動する。アイコンを右クリックしてお気に入りに追加できる。

アクティビティがない場合はログイン時の歯車アイコンでGNOMEクラシックになっているのでGNOMEに変更する。

参考

フォントを等幅の "Migu 1M" に変更する。

フォントのzipファイルをダウンロードして展開する。

$ cd /home/mizuki/Downloads
$ mv migu-1m-20200307.zip /home/mizuki/src

$ cd /home/mizuki/src
$ unzip migu-1m-20200307.zip

フォントをインストールする。

アクティビティ > ファイル を起動する。
  /home/mizuki/src/migu-1m-20200307 に移動する。
    migu-1m-regular.ttf
    migu-1m-bold.ttf
      ひとつずつ右クリック > Fontsで開く > インストール

フォントを指定する。

File > Preferences > Settings
  Search settingsに "font" を入力する。
    Editor: Font Family
      'Migu 1M', 'Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback'
    Editor: Font Size
      18

  Search settingsに "whitespace" を入力する。
    Editor: Render Whitespace
      all

  Search settingsに "tab" を入力する。
    Editor: Tab Size
      2

参考

5. Javaの開発環境をインストールする

5-1. Eclipse IDE for Enterprise Java Developers 2020-06 R (4.16.0)

Linux版のファイルをダウンロードする。

ダウンロードしたファイルを展開する。

$ cd /home/mizuki/Downloads
$ mv eclipse-jee-2020-06-R-linux-gtk-x86_64.tar.gz /home/mizuki/src

$ cd /home/mizuki/src
$ tar xvf eclipse-jee-2020-06-R-linux-gtk-x86_64.tar.gz
$ mv eclipse eclipse-jee-202006
$ mkdir /home/mizuki/opt
$ mv eclipse-jee-202006 /home/mizuki/opt

シンボリックリンクを作成する。

$ cd /home/mizuki/opt
$ ln -s /home/mizuki/opt/eclipse-jee-202006 /home/mizuki/opt/eclipse-jee

$ ls -al
合計 4
drwxrwxr-x.  3 mizuki mizuki   51  7月 21 09:25 .
drwx-----x. 23 mizuki mizuki 4096  7月 21 09:19 ..
lrwxrwxrwx.  1 mizuki mizuki   35  7月 21 09:25 eclipse-jee -> /home/mizuki/opt/eclipse-jee-202006
drwxrwxr-x.  8 mizuki mizuki  191  6月 15 20:47 eclipse-jee-202006

Java VMを指定して起動する。

ワークスペースを作成する。
$ cd /home/mizuki
$ mkdir /home/mizuki/workspace
$ mkdir /home/mizuki/workspace/eclipse

インストール済みのJava VMを指定する。
$ /home/mizuki/opt/eclipse-jee/eclipse -vm /opt/java/bin/java

ダイアログでワークスペースを指定する。
/home/mizuki/workspace/eclipse

Eclipse全体の更新をインストールする。

Help > Check for Updates

EGitの更新をインストールする。

Help > Install New Software...
  Add...
    Name: EGit
    Location: https://download.eclipse.org/egit/updates

Select Allしてインストールする。
バックグラウンドで実行されるのでRestartのダイアログが表示されるまで待つ。

参考

Themeをインストールする。

Help > Eclipse Marketplace...
  Search
    Find "theme"
      Darkest Dark Theme with DevStyle 2020.7.20

Light Redでピンクにする。

参考

Darkest Dark Theme with DevStyle

フォントを等幅の "Migu 1M" に変更する。

Window > Preferences
  General
    Appearance
      Colors and Fonts
        Basic
          Text Font
            Edit
              Migu 1M Regular
              14

Eclipseを起動するショートカットを作成する。

メニューの設定ファイルを編集してコマンドを追加する。終わったらOSを再起動する。

設定ファイルが知らないうちに追加されてるので内容を置き換える。
/home/mizuki/.local/share/applications/_home_mizuki_opt_eclipse-jee-202006_.desktop

[Desktop Entry]
Type=Application
Encoding=UTF-8
Name=Eclipse JavaEE
Comment=2020-06
Exec=/home/mizuki/opt/eclipse-jee/eclipse -vm /opt/java/bin/java
Icon=gnome-panel-launcher
Terminal=false

メニューのEclipse JavaEEアイコンをお気に入りに追加する。

デスクトップ > アクティビティ > 検索ワード "eclipse"
  アイコンを右クリックしてお気に入りに追加する。
  左の縦バーでアイコンを上下移動できる。

参考

5-2. Spring Tool Suite 4 (4.7.0)

既存のEclipseにプラグインとしてインストールする。

Help > Eclipse Marketplace...
  Search
    Find "spring"
      Spring Tools 4 (aka Spring Tool Suite 4) 4.7.0.RELEASE

バックグラウンドで実行されるのでRestartのダイアログが表示されるまで待つ。

参考

6. VirtualBoxの環境を設定する

6-1. VirtualBoxのホストOSとゲストOS間で使える共有フォルダ

VMの電源をオフにして共有フォルダの設定ダイアログを表示する。

Oracle VM VirtualBox マネージャー > VMを選択(CentOS7-2003-100GB) > 設定
  共有フォルダー > 追加
    共有フォルダーの追加ダイアログ
      フォルダーのパス: D:\var\virtualbox\sharedfolder
      フォルダー名: sharedfolder
      [チェックしない] 読み込み専用
      [チェックする] 自動マウント
      マウントポイント: 空欄

VMを起動する。

共有フォルダーのマウント場所を確認する。

$ cd /media

$ ls -al
合計 0
drwxr-xr-x.  3 root root    29  7月 21 11:32 .
dr-xr-xr-x. 17 root root   224  7月  8 18:32 ..
drwxrwx---.  1 root vboxsf   0  3月  8 22:41 sf_sharedfolder

このままでは一般ユーザーでの読み書きができないので一般ユーザーをグループ(vboxsf)に追加する。

$ sudo gpasswd -a mizuki vboxsf
ユーザ mizuki をグループ vboxsf に追加

グループ(vboxsf)に追加したら一度ログアウトする。再度ログインすると書き込みができるようになっている。アクティビティからファイルを開くと共有フォルダがマウントされている。

参考

Linux基本コマンドTips（72）：【 gpasswd 】コマンド――ユーザーが所属するグループを管理する