質問編集履歴

1

質問用の情報が不足していたので追記

2021/11/27 07:51

投稿

java_shin
java_shin

スコア22

test CHANGED
File without changes
test CHANGED
@@ -1,10 +1,12 @@
1
1
  xampp上で立ち上げたphpウェブアプリケーションをchromeで実行した時にデバッグ実行になりそれをvim上で状態確認できるような環境が作りたいです。
2
2
 
3
-
3
+ ・windows環境の上にwsl2(ubuntu)を導入
4
4
 
5
5
   ・neovim
6
6
 
7
7
   ・Vdebugというvimのプラグイン
8
+
9
+ ・Dドライブにウェブアプリケーション開発用のソースが有り、xamppもここを参照している。
8
10
 
9
11
  ・xdebugをxamppに仕込む
10
12
 
@@ -17,3 +19,93 @@
17
19
  どなたか同じような事をやってできた方いらっしゃいませんか?
18
20
 
19
21
  環境設定のやり方を教えてください。
22
+
23
+
24
+
25
+ =========やったこと=============
26
+
27
+ ** 1.xdebugのダウンロード**
28
+
29
+   (参考サイト:[xdebugインストール方法](https://knooto.info/php-xampp-xdebug/))
30
+
31
+
32
+
33
+ ** 2.php.iniに以下の追記**
34
+
35
+   xdebug.remote_enable=1
36
+
37
+   ; 設定したidekeyと同じ値がPHPに送られたときにデバッグを開始する。周りの人がPhpStormを使っているなら、PHPSTORMなど。
38
+
39
+   xdebug.idekey="PHPSTORM"
40
+
41
+   ; デバッグクライアントのホスト。defaultはlocalhost。
42
+
43
+   xdebug.remote_host=localhost
44
+
45
+   ; デバッグクライアントがリッスンしているポート。defaultは9000。
46
+
47
+   xdebug.remote_port=9000
48
+
49
+   ; HTTPのGET/POST/COOKIEのの設定にかかわらずデバッグの開始を試みる。defaultは0。
50
+
51
+   xdebug.remote_autostart=1
52
+
53
+
54
+
55
+ ** 3.vim-vdebug/vdebug プラグインの導入**
56
+
57
+ ** 4.vdebug設定ファイルに以下の記述を追加**(参考サイト:[サーバ上でPHPを動かして、PC上のVimでデバッグする場合](https://qiita.com/tmsanrinsha/items/0416bea9b2ce276ce454))
58
+
59
+   let g:vdebug_force_ascii = 1
60
+
61
+
62
+
63
+   let g:vdebug_options= {
64
+
65
+   \ "port" : 9000,
66
+
67
+   \ "server" : '',
68
+
69
+   \ "timeout" : 20,
70
+
71
+   \ "on_close" : 'detach',
72
+
73
+   \ "break_on_open" : 1,
74
+
75
+   \ "ide_key" : 'vim',
76
+
77
+   \ "path_maps" : {},
78
+
79
+   \ "debug_window_level" : 0,
80
+
81
+   \ "debug_file_level" : 0,
82
+
83
+   \ "debug_file" : "",
84
+
85
+   \ "watch_window_style" : 'expanded',
86
+
87
+   \ "marker_default" : '⬦',
88
+
89
+   \ "marker_closed_tree" : '▸',
90
+
91
+   \ "marker_open_tree" : '▾'
92
+
93
+   \}
94
+
95
+   let g:vdebug_options['path_maps'] = {"/mnt/d/work/myhomepage/": "/mnt/d/work/myhomepage/"}
96
+
97
+
98
+
99
+ ** 5.chromeにXdebug helper拡張機能を導入** (参考サイト:[chrome-extensionのXdebug-helperを入手](https://qiita.com/ryurock/items/28e3499e539662c6c40a))
100
+
101
+
102
+
103
+
104
+
105
+ =========エラー内容=============
106
+
107
+ ソースファイル上にてF5キーを押してvdebgerを起動すると画像のようなエラーが出る。
108
+
109
+
110
+
111
+ ![イメージ説明](2b0078245489b86cc2a31197dd705823.jpeg)