VScode 運行PHP環境 HTML無法使用JS的問題

     這裏說一個下   多年經驗的程序員 學習一門語言 困難的並不是語言本身  而是使用的方式 還有外部一些配置 或者原理 這次就是很蒙  好不容易弄好VScode PHP的環境搭建 也可以進入斷點 但是在寫完HTML JS 與其交互的時候 發現JS 沒法使用 只能用from 表單提交的方式 進入斷點

    自己弄就這點不好 很多東西不明白 網上也找不到  我就明白 這不是一個技術問題 應該是一個很簡單使用理念的問題 

    1)WAMP 運行後 你的www下面的代碼是已經發布了  用vscode 運行PHP環境 只是讓你調試代碼  就算不用vscode的F5運行  依然可以使用網頁提交 交互PHP後端   這種一句話的問題 

    2)使用VScode 我現在還不知道怎麼弄多個 launch.json進行切換 只能註釋掉 PHP的配置  使用 發佈網頁的配置

(PS 這個問題很菜 但是也算是一個成長 不枉我一個小時時間)

誰有好的 VScode 使用教程 視頻 或者前端 使用vs code 開發的視頻 麻煩留個言  在這先謝過~

 

{
    // 使用 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
        // }
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            // "url": "http://localhost:8080",
            "url": "http://localhost:你自己的端口號/Ajax/Ajax_get.html",
            "webRoot": "${workspaceFolder}"
        },     {
            "name": "使用本機 Chrome 調試",
            "type": "chrome",
            "request": "launch",
            //  "file": "${workspaceRoot}/Ajax/Ajax_get.html",
            // useBuildInServer:false,
           "url": "http://localhost:你自己的端口號/Ajax/Ajax_get.html", //使用外部服務器時,請註釋掉 file, 改用 url, 並將 useBuildInServer 設置爲 false "http://mysite.com/index.html
            "runtimeExecutable": "C:\\Users\\DCS-PG007\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe", // 改成您的 Chrome 安裝路徑
            "sourceMaps": true,
            "webRoot": "${workspaceRoot}",
        //  "preLaunchTask":"build",
            "userDataDir":"${tmpdir}",
            "port":5433
        }
    ]
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章