初心者がMACにxamppを入れました！

web系のアルバイトをしているのに、開発環境を自分で作れない！
これはまずい。
でも、初心者でも簡単に環境構築ができる夢のアイテムがあるらしい。
その名もxampp！（実は専門学校の実習もxamppを使って行っています。）

そんなわけで、簡単設定でサクサク使えるらしいxamppを導入してみました。
自分のために、手順と詰まったポイントを忘れないように書き残します。

導入〜アクセスまで

https://qiita.com/h-sakano/items/77fb8367348aeb019209 ステキなまとめを参考にさせていただきました。

詰まった所

4時間くらい画面とにらめっこしていました。

DocumentRootの設定

htdocs内に作成したディレクトリをlocalhostとなるようにDocumentRootを設定します。

httpd.confの設定

/opt/lampp/etc/httpd.conf

DocumentRoot "/opt/lampp/htdocs"

パスをどう書くのか分からず、悪戦苦闘していました。
Volumesに記載されているパスから書いたら動きました。

httpd-vhosts.confの設定

/opt/lampp/etc/extra/httpd-vhosts.conf

<VirtualHost *:8081>
    DocumentRoot "/opt/lampp/htdocs"
    ServerName localhost
</VirtualHost>

DocumentRootには、httpd.confと同じものを入れます。
エラー場所として、ずっとhttpd.confが指されていたため気が付きませんでした。

ネットワーク設定

VirtualHostで指定したポート番号をAddするのですが…… Addするだけじゃだめです。 ３つ全てEnableしましょう。（戒め）

最後に

これで動くようになりました。 深夜に設定を始めると論理的に物事が考えられなくなるので、夜型人間ではない限りやめたほうが良いことが分かりました（戒め） 次からは鼻をほじりながら設定できるようになりたい……。