CentOS7にフロントエンドエンジニアに必要な最小限の環境を整える


前提

@Vue/cliの環境を構築する

後で、ansible化するつもりで、最低限必要なパッケージなのをメモしたもの

環境

virtualboxでcentos7-minimamをインストール
ネットホストオンリーネットワークを作成したVMにアタッチしておく

以下は、CentOS7でのIPアドレスなどの設定。FWで8080開けておく

# nmcli connect modify enp0s3 ipv4.addresses "192.168.137.10/24"
# nmcli connect modify enp0s3 ipv4.gateway "192.168.137.1"
# nmcli connect modify enp0s3 ipv4.method manual
# nmcli connect modify enp0s3 ipv4.dns "192.168.137.1"
# nmcli connection modify enp0s3 autoconnect yes
# nmcli connect down enp0s3
# nmcli connect up enp0s3
# sudo firewall-cmd --add-port=8080/tcp --zone=public --permanent

Windowsのネットワーク設定で、ネットワークの共有をして、ホストオンリーネットワークが外にでていけるようにする(説明省略)

Centos7でのソフトインストール

$ sudo yum install epel-release
$ sudo sudo yum install python3
$ sudo sudo yum install npm

この状態でサーバをshutdownさせてスナップショットを作成しておく。

Vueインストール

.bash_profileに追加

export N_PREFIX=$HOME/.n
export PATH=$N_PREFIX/bin:$PATH

$ source ~/.bash_profile
$ sudo npm install -g @vue/cli
$ sudo npm install -g n
$ n lts
$ cd
$ mkdir web
$ cd web
$ vue create my-app
$ npm run serve

LocalFowardの設定をしておくと、PCのブラウザーでhttp://localhost:8000 参照するとCentOS7のlocalhost:8000に接続できる

.ssh/config

Host cent7
    HostName 192.168.137.10
    User xxxx
    LocalForward 8000 localhost:8000