エックスサーバーで実行するphpのプログラムを作成するメモ3(macのvscode)
MacにVSCodeをインストール
公式サイトからDownload for macOSをクリックしてVSCode-darwin-universal.zipをダウンロード。
展開したVisual Studio Code.appをアプリケーションフォルダに移動。v1.88.1がインストールされた。
アプリケーションフォルダのVisual Studio Code.appをDockにドラッグ&ドロップ。
起動
英語メニューで起動する。
![](https://sugizo.info/wp-content/uploads/2024/04/Monosnap-Welcome-2024-04-13-11-39-22-1024x793.png)
日本語化
起動後の画面の右下に言語パックをインストールが表示されたので、そのままインストール。
Windowsのときはなかったような?
再起動後、日本語表示になる。
![](https://sugizo.info/wp-content/uploads/2024/04/7836d81ed5f359d36375593cf621ae91-1024x793.png)
拡張機能をクリックすると
![](https://sugizo.info/wp-content/uploads/2024/04/9e4d686fbcdca7d36e5a9223c063966e-1024x793.png)
Japanese Language Pack for Visual Studio Codeがインストールされているのを確認できる。
PHP Intelephense
PHP Intelephense拡張機能を検索してインストール。
v1.10.4がインストールされた。
![](https://sugizo.info/wp-content/uploads/2024/04/b1008f763b4387abb2ffbfa1c925eaf6-1024x793.png)
VSCodeに組み込まれている「PHP 言語機能」を無効にする
VSCodeで拡張機能の一覧を開いて「@builtin php」と検索する。
「PHP 言語機能」を無効にする。
![](https://sugizo.info/wp-content/uploads/2024/04/a2260784786b4a1f751beb145b708d5f-1024x793.png)
VSCodeの設定
タブサイズを4→2
![](https://sugizo.info/wp-content/uploads/2024/04/f93f3f1e7a8312863fd4f12aa63e21d9-1024x785.png)
Detect Indentationを外す
![](https://sugizo.info/wp-content/uploads/2024/04/3416961ad75e8090d267de1490352744-1024x785.png)
Default Formatterをなし→PHP Intelephenseに変更
![](https://sugizo.info/wp-content/uploads/2024/04/99495cc07e341b68ae225471c87612db-1024x480.png)
Format On Saveにチェック
![](https://sugizo.info/wp-content/uploads/2024/04/b4d5f445d4156842e75b5a43f6fcbd58-1024x528.jpg)
PHP DocBlocker拡張機能
PHP DocBlocker拡張機能を検索してインストール。
v2.7.0がインストールされた。
![](https://sugizo.info/wp-content/uploads/2024/04/43de8b44d058c8293654888698c13116-1024x834.png)
functionの上部で、/**と打ってエンターキーを押すと
![](https://sugizo.info/wp-content/uploads/2024/04/04797734afc5f058d839b1c106e54b2d.png)
自動的に、PHPdocコメントが挿入される。
![](https://sugizo.info/wp-content/uploads/2024/04/503c7f187e07e188768645fec2b0d7e6.png)
挿入されたら説明を記述する。
![](https://sugizo.info/wp-content/uploads/2024/04/fea23bc197a1e4166baaec7130734f6d.png)
以上です。
ディスカッション
コメント一覧
まだ、コメントがありません