Windows10での開発環境構築 備忘録

WSL2 とはWindows上で動くLinux

VirtualBoxなどより軽量、高速、何よりMicrosoft謹製。
インストールも簡単。Windows10 PRO ならコマンド一発で導入できる。

WSL２ 導入 Windows10PROの場合

簡略化されたインストール “ (pro版でのみ可能らしい) “

wsl --install

簡略化されたインストール コマンド wsl --install を使用するには、Windows Insider Program に参加し、Windows 10 のプレビュー ビルド(OS ビルド 20262 以降) をインストールする必要がありますが、

手動インストールの手順に従う必要がなくなります。
必要な操作は、管理者特権でコマンド ウィンドウ(Power Shell)を開いてwsl --install を実行するだけです。再起動後、WSL を使用する準備が整います。

windows terminalのインストール

windows storeよりインストール

VScode

Visual Studio Code公式サイト

よりインストール

拡張機能

  • 日本語化

    • Japanese Language Pack for Visual Studio Code
      Vusial Studio Code 内の表記を日本語化します　

  • 整形

    • Bracket Pair Colorizer 2
      括弧の色付けをします。
    • indent-rainbow
      インデントの色付けをします。
    • Code Spell Checker
      コードのスペルチェックをします。

  • 言語特有

    • HTML CSS Support
      HTMLドキュメントに対するCSSのサポートを行います。
    • PHP Intelephense
      PHPのコード補完をします。
    • Docker
      Dockerの操作をサポートします。

  • 表示

    • Material Icon Theme
      アイコンをマテリアルアイコンに変更します。
    • GitHub Theme
      GitHub公式のテーマです。講義では GitHub Dark テーマを使用します。こちらはお好きなものを入れてください。

      基本設定

  • フォント　14 16 など

  • 見た目の折り返し　Editor Word Wrap on

  • 最終行に空白行をプラス　Insert Final Newline ☑

  • 行末スペース削除　Trim Final Newlines ☑ / Trim Trailing - Whitespace ☑

  • タブサイズ　

  • Tab Size 2

    Gitのインストールと設定

    インストール時のウィザードで設定

  • Use Visual Studio Code as Git's default editor

    標準エディタをVScode1にしておく

  • Ajasuting your PATH environment

    パスを設定

  • Git from the command line and also from 3rd-party software

    サードパーティのソフトからも開けるように

  • Choose the default behavior of 'git pull'

  • Rebase

    コマンドラインで設定

  • ユーザー名を設定

    $ git config --global user.name "github user name"

  • メールアドレスを設定

    $ git config --global user.email github@example.com

  • Git で使用するエディタに Visual Studio Code を指定

    $ git config --global core.editor 'code --wait'

  • マージする時にファストフォワードされないようにする

    $ git config --global merge.ff false

  • プルの挙動をリベース型にする

    $ git config --global pull.rebase merges

  • 設定を確認する

    $ git config --list

    Docker

Windows10PROダウンロード

独学エンジニアのDockerイメージからコンテナを起動する

  • GitHubよりclone

    $ git clone https://github.com/dokugaku-engineer/server-side.git

  • part2をコピー
    $ cp -r part2 -t ~/code

    part2 ディレクトリにて作業する

    docker-compose.ymlのあるディレクトリでdockerコマンドを実行。

  • イメージをビルド

    docker-compose build　//Successfully built

  • コンテナの作成と起動

    docker-compose up -d 実行　(-d はデタッチバックグラウンドで実行)

  • 起動しているコンテナの確認

    docker-compose ps

  • コンテナ内でPHPを実行

    docker-compose exec app php -v　 // phpのバージョンが表示される

  • コンテナの削除

    docker-compose down // コンテナの終了と削除