VSCodeでPHPを開発
こんにちは、徳です。
デジタルDIYができるようコーディング・プログラミング・画像加工・動画編集などを本やYouTubeで勉強しています。
現在は初心者なので、とにかくゆっくり進んでいくと思います。
また、「間違っていること」や「こうした方が良いよ」などがあれば、コメントなどしていただけたら幸いです。
では、いきましょう!
PHP
今回は、
PHPの環境構築 (Windows版)
です。
こちらではPHPを、
で作成します。
そのため、
VSCodeのインストール方法
を紹介します。
それではよろしくお願いします。
環境構築とは
環境構築とは
環境構築とは、
プログラムを書いたり、実行できたりする環境を自分のコンピュータに整える
ことです。
普段使っているパソコンでは、そのままプログラミングはやりづらいです。

せっかくならやりやすい環境で始めたいですよね。
そのため、プログラミングをやりやすいように整えましょう。
必要なもの
PHPを使用するのに必要なものは、
です。
PHP
PHPの開発には、PHPのインストールが必要です。
コードエディタ
ここでは、
Visual Studio Code

を使用します。
Visual Studio Codeとは、
Microsoft社が開発したプログラムを書くためのエディタ
です。

PHP以外にもHTMLやPythonでも使用します。
ブラウザ
ここでは、
GoogleChrome

を使用します。
GoogleChromeは、
Google社が開発したWebページを表示するブラウザ
です。
実際には、EdgeやSafariでも表示をすることができます。

こちらは持っている人が多いと思いますので、
ここでは省かせていただきます。
しかし、
GoogleChromeのデベロッパーツールがとても便利なため
こちらにしました。
ダウンロード&インストール方法 それと拡張機能
PHP
ダウンロード
1、公式サイトへ
公式サイトはこちらです。
2、[Downloads]を選択

3、最新バージョンの[Windows downloads]を押す

4、[Non Thread Safe]の[Zip]を選択


ダウンロードが始まります。
インストール
1、zipファイルを展開する
zipファイルで右クリックをして[全てを展開]を選択しましょう。

2、保存先を指定する
保存しておきたい場所を指定して[展開]を押しましょう。

3、完了
展開が終わったら完了です。

セットアップ
インストールしただけではPHPは使用できません。
セットアップが必要です。
1、Windowsの検索で[システム環境変数]を検索

2、[システム環境変数の編集]を開く

3、[環境変数]をクリック

4、[システム環境変数]の[Path]を選択

5、[編集]を選択

6、[新規]を選択

7、パスを入力
先ほどインストールしたPHPのディレクトリまでのパスを入力しましょう。

8、[OK]を押す


これで完了です。
1度PCを再起動しましょう。
確認
では、実際にPHPが使える環境になったか確認しましょう。
1、コマンドプロンプトを開く
まずは、
コマンドプロンプト

を開きましょう。

2、[php -v]と入力

↓


その結果、PHPのバージョンが出たらOKです。
Visual Studio Code
ダウンロード
1、公式サイトへ
公式サイトはこちらです。
2、「今すぐダウンロード」を押す

3、ダウンロードフォーマットを押す

を押しましょう。
インストール方法
1、ダウンロードしたファイルを解凍
ダウンロードしたファイルを解凍しましょう。

2、「使用許諾契約書」を読んでよければ、同意する
「使用許諾契約書」を読んで、問題なければ「同意する」にチェックして「次へ」を押しましょう。

3、インストール先を指定
インストール先を指定して、「次へ」を押しましょう。

4、ショートカットを作成する場所の指定
ショートカットを作成する場所を指定しましょう。
その後、「次へ」を押しましょう。

5、必要と思う箇所にチェックを入れて「次へ」

私は、チェックはデフォルトのまま「次へ」を押しました。

6、「インストール」を押す
インストールしましょう。

7、完了
これでインストール完了です。

拡張機能
表示を日本語へ変換
Visual Studio Code

インストールしたばかりの時は、英語表記です。
そのためまずは、日本語表示にしましょう。
1、「Extensions」を選択
こちらの「Extensions」が拡張機能になります。

2、日本語表記のパックをインストール
Searchで
Japanese Language Pack for Visual Studio Code
を検索しインストールしましょう。

3、VSCodeの再起動
インストールし終わったら、VSCodeの再起動をしましょう。

3、完了
これで日本語表記になりました。

まとめ
今回は、
PHPの環境構築
について紹介させていただきました。
PHPの環境構築としては、
の3つを準備をします。
こちらの3つを使用することで、
- エディタ:コードを作成
- ブラウザ:作成したページを表示
することができます。
特に難しいことはしません。
公式サイトへ行き、順番に進めていきましょう。
また、VSCodeの拡張機能として、
日本語表記
にする拡張機能もインストールしましょう。

やっぱ日本語の方がわかりやすいです。
最後まで読んでいただき、ありがとうございました。
コメント