オレ(Laravel & Vue.js)的開発環境構築もろもろ

新しいマシンを購入したため環境構築を最初から行いましたので、今後のためにも残しておきます。
Laravel & Vuejsのプロジェクト環境構築を行うエンジニアの皆さんにも参考になると思います。
必要なソフトウェアの箇所だけ流し見してくだい。

前提

• マシン詳細
  • MacBook Pro (16-inch, 2019)
  • macOS Catalina バージョン10.15.3
• Windows環境の方にはあまり参考になりません。

インストール

Homebrew

macOS用のパッケージマネージャー。公式サイトを参考にインストールします。

.sh

# Homebrewインストール
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

Git

言わずもがな資源管理ツール。brewでインストールします。

.sh

#gitをインストール
brew install git

PHP

brewでインストールします。

.sh

# phpをインストトール
brew install php

Composer

PHPのパッケージマネージャー。公式サイトを参考にします。最後のコマンドでphp ./composer.pharの代わりにグローバルからcomposerで利用できるようにします。

.sh

# Composerをインストール
# Composerをダウンロード
php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
# Composerをセットアップ実行
php composer-setup.php
# セットアップバイナリはいらないので削除
php -r "unlink('composer-setup.php');"
# パスを通す。
mv composer.phar /usr/local/bin/composer

Node.js

node.jsのバージョンを管理できるnodebrew経由でインストールします。

.sh

# nodebrewをインストール
brew install nodebrew
# Node.jsの最新バージョンをインストール
nodebrew install latest
# Node.jsのインストールフォルダを作成する
mkdir -p ~/.nodebrew/src
# Node.jsの安定版をインストール
nodebrew install-binary stable
# 利用できるバージョンを確認
node brew ls
# 利用するバージョンを指定
nodebrew use v12.16.2
# パスを通す
echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zprofile

Yarn

JavaScriptパッケージマネージャー。公式サイトでアナウンスされている通りhomebrew経由でインストールします。

.sh

# Yarnをインストール
brew install yarn
# パスを通す
export PATH="$PATH:`yarn global bin`"

Docker & docker-compose

コンテナ実行環境。Docker Desktop for Macをインストールします。公式サイトからdmgファイルをダウンロードしてインストールします。

Macのシステムバーにおなじみのクジラのアイコンが表示されれば完了です。

アプリケーション(Laravel&Vue.js)

こちらの記事を参考にdockerを基盤にして構築します。

git clone https://github.com/ucan-lab/docker-laravel.git
cd docker-laravel
cp .env-example .env
docker-compose up -d --build
composer create-project --prefer-dist "laravel/laravel=6.*" ./src/
rm -Rf .git

http://127.0.0.1:10080 でアクセスできることを確認します。

そのほか、開発ツール

VSCode

高機能エディタ。公式サイトからダウンロードします。ダウンロードできたらアプリケーションフォルダへ移動します。
また、VSCodeを利用する場合、codeコマンドが便利なのでインストールします。

1. VSCodeを開く
2. Shift + Cmd + pでコマンドパレットを開く。
3. shellと入力するとShell command 'code' successfully installed in PATH.と表示されるのでクリックしてインストール