[問題] mac上用vscode寫html如何Debug?

看板Web_Design作者 (諾諾)時間5年前 (2018/07/29 09:47), 編輯推噓10(10推 0噓 19→)
留言29則, 12人參與, 5年前最新討論串1/1
新手請教 目前覺得vscode在windows上練Html+CSS+Js蠻方便的 如果要Debug就是開啟lls用chrome測試就好 vscode是跨平台的 我想在osx打造類似的環境來debug 但我在網路上找不到類似lls那種自建server的方法 雖然可以當文字編輯器用但就是不能debug 請問有人知道如何做嗎? 或著有人可以推薦osx上練習不錯用的IDE... 先感謝願意解答的大大 -- -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 150.116.196.81 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1532828867.A.73E.html
推
07/29 10:05, 5年前 , 1F
如果你的語言是純js (沒有用React或Vue等框架)，那在
07/29 10:05, 1F
→
07/29 10:05, 5年前 , 2F
chrome的devtool中的source 下中斷點，執行的時候就可以
07/29 10:05, 2F
→
07/29 10:05, 5年前 , 3F
停在中斷點讓你debug、逐步執行了。
07/29 10:05, 3F
→
07/29 10:06, 5年前 , 4F
另外自建server可以用npm上的「http-server」下載到全域
07/29 10:06, 4F
→
07/29 10:06, 5年前 , 5F
之後在專案目錄下指令「http-server -c-1」就會以伺服器
07/29 10:06, 5F
→
07/29 10:07, 5年前 , 6F
的方式啟動專案了。(-c-1是讓他不要使用取快，方便debug
07/29 10:07, 6F
→
07/29 11:11, 5年前 , 7F
我成功裝了http-server 在vscode上debug可以
07/29 11:11, 7F
→
07/29 11:12, 5年前 , 8F
但會一直導向server一直導不到我的專案XD
07/29 11:12, 8F
→
07/29 11:12, 5年前 , 9F
07/29 11:12, 9F
→
07/29 11:13, 5年前 , 10F
可能我IDE還沒有很熟 我再研究看看 感謝><
07/29 11:13, 10F
推
07/29 11:39, 5年前 , 11F
mac印象中內建apache，不想太深入研究有懶人包xampp
07/29 11:39, 11F
→
07/29 11:40, 5年前 , 12F
多了PHP和MYSQL（雖然應該用不到），但執行就可以用
07/29 11:40, 12F
推
07/29 13:17, 5年前 , 13F
npm live-server
07/29 13:17, 13F
推
07/29 13:52, 5年前 , 14F
前面很多人說了 開apache or 另外裝(http-server xampp)
07/29 13:52, 14F
→
07/29 13:52, 5年前 , 15F
另外要說windows上的是IIS 不是LLS
07/29 13:52, 15F
推
07/29 16:08, 5年前 , 16F
webpack
07/29 16:08, 16F
推
07/29 16:33, 5年前 , 17F
07/29 16:33, 17F
→
07/29 16:34, 5年前 , 18F
只有前端的話，應該都可以用
07/29 16:34, 18F
→
07/29 17:28, 5年前 , 19F
用Chrome開發的話，可以裝個debugger for chrome插件來用
07/29 17:28, 19F
推
07/29 20:08, 5年前 , 20F
用 live server 外掛
07/29 20:08, 20F
推
07/30 05:48, 5年前 , 21F
vscode的外掛 live server，
07/30 05:48, 21F
→
07/30 05:49, 5年前 , 22F
需要串API可以試試json server
07/30 05:49, 22F
推
07/31 07:47, 5年前 , 23F
你http-server要在你想host的資料夾路徑下執行 我是用n
07/31 07:47, 23F
→
07/31 07:48, 5年前 , 24F
pm 裝全域的 超好用的 樓上各位建議也用用看
07/31 07:48, 24F
→
07/31 07:50, 5年前 , 25F
他會自動找路徑下有沒有index.html 有的話 localhost:8
07/31 07:50, 25F
→
07/31 07:50, 5年前 , 26F
080/就直接導向html
07/31 07:50, 26F
推
08/06 00:08, 5年前 , 27F
用Node.JS配合webpack應該最快又最好測試吧(熱重載)！
08/06 00:08, 27F
→
08/06 00:08, 5年前 , 28F
不會沒關係，在github找一個現成的，弄一個頁面來自己
08/06 00:08, 28F
→
08/06 00:08, 5年前 , 29F
練習就好
08/06 00:08, 29F
‣ 更多 nosmraw 的文章
文章代碼(AID): #1RNHp3S- (Web_Design)