Visual Studio Code で PHP を 使うための初期設定をしてみた!!!

# はじめに
ずっと愛用していた「Brackets」のサポートが9月1日に終了してしまうみたいです(´;ω;｀)

Brackets を開いたときに「Visual Studio Code」に移行してね、と書いていたのでとってもシンプルで使いやすかったBrackets ともお別れします！！！

とりあえずPHPが使えればいいので、ささっさっとやってみました。

# Visual Studio Codeのインストール

Windows版でやっていきます！!
[Visual Studio Code ダウンロード]
(https://code.visualstudio.com/download)

インストールしていきます！
![aaa.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/adfa3984-9c32-2dd1-c78e-e75fadcfb219.jpeg)

一応アクションを追加するにチェックつけときます！
![messageImage_1614775913055.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/3bf8fe83-ce63-3431-590e-cce8cdd86e6b.jpeg)

インストール！![messageImage_1614776094991.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/3917bca2-b9b4-7b11-493d-0710ba68949a.jpeg)

![messageImage_1614776039726.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/955bc632-2dab-6a9f-ca1e-e368d4c33248.jpeg)

# 設定
インストールできたら開いて
左側の上から5番目の四角のやつで拡張機能をインストールしていきます！

日本語にするのは
「Japanese Language Pack for Visual」
ってやつです！

![messageImage_1614776793945.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/4963e945-6823-0cc0-5038-0fb8c295f635.jpeg)
テキトーに調べてたくさん入れました！
![1614776718169.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/9ad6e3bf-277c-b918-d282-4ccd65b9798e.jpeg)
![1614776736613.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/911f294e-328d-a642-6d37-d7961a6f1aa1.jpeg)

# 次に

フォルダーを開くで使用したいフォルダを開きます。

次に、ファイル(F)→ユーザ設定→設定　で　「settings.json]を編集します。
![messageImage_1614777210589.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/8d27a7d6-e29c-9e6e-43c6-6e5d7bc5f37f.jpeg)

settings.jsonを

```json

{
    "liveServer.settings.donotShowInfoMsg": true,
    "liveServer.settings.proxy": {
        "enable": true,
        "baseUri": "/",
        "proxyUri": "http://localhost/使用したいフォルダ名/"
},
    "json.schemas": [
    
    ],
    "editor.fontLigatures": null
}

```

と記述します！

# デバック

次に、実行とデバックで
![messageImage_1614777992831.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/448f029c-d8d3-3cac-2e57-38e1967d75a4.jpeg)

PHPを指定すると、
launch.json
ができます。

```json

{
    // IntelliSense を使用して利用可能な属性を学べます。
    // 既存の属性の説明をホバーして表示します。
    // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Listen for XDebug",
            "type": "php",
            "request": "launch",
            "port": 9000
        },
        {
            "name": "Launch currently open script",
            "type": "php",
            "request": "launch",
            "program": "${file}",
            "cwd": "${fileDirname}",
            "port": 9000
        }
    ]
}![1614778787613.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/4b32f1bf-6f81-4c08-49c7-8286aabffe79.jpeg)


```

これでデバックもできます！

# 動かす！

最後にindex.htmlなどの右上にある青いマークを押して![1614778456049.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/daa67d9f-6475-b54b-0712-90689c1dc0a4.jpeg)

こんな感じでHTMLがでて・・・

![1614778787613.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/12a5b9ce-e6ea-c2f9-2fe6-75a8cb240c64.jpeg)

アカウント登録HTMLにも飛べて・・・
![1614778734731.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/e0479681-a908-f9f0-bcdf-7db80ac82405.jpeg)

確認PHPも動きました！！！！
![1614778911475.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1153081/d4796e5c-d1b7-ca5a-f2dc-778347acc040.jpeg)

# 最後に
ここもではできたのですがMySQLにどうやってつなげるのかがまだわかってないので調べ倒そうと思います。。。

「Brackets」今までありがとう！