質問編集履歴
1
質問用の情報が不足していたので追記
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)
|