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

[nosmraw (諾諾)]

新手請教

目前覺得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
推 peanut97: 如果你的語言是純js (沒有用React或Vue等框架)，那在
→ peanut97: chrome的devtool中的source 下中斷點，執行的時候就可以
→ peanut97: 停在中斷點讓你debug、逐步執行了。
→ peanut97: 另外自建server可以用npm上的「http-server」下載到全域
→ peanut97: 之後在專案目錄下指令「http-server -c-1」就會以伺服器
→ peanut97: 的方式啟動專案了。(-c-1是讓他不要使用取快，方便debug
→ nosmraw: 我成功裝了http-server 在vscode上debug可以
→ nosmraw: 但會一直導向server一直導不到我的專案XD
→ nosmraw: https://imgur.com/2hOdI6K
→ nosmraw: 可能我IDE還沒有很熟  我再研究看看 感謝><
推 dalconan: mac印象中內建apache，不想太深入研究有懶人包xampp
→ dalconan: 多了PHP和MYSQL（雖然應該用不到），但執行就可以用
推 jherk: npm live-server
推 nottt: 前面很多人說了 開apache or 另外裝(http-server xampp)
→ nottt: 另外要說windows上的是IIS 不是LLS
推 steven11329: webpack
推 Neisseria: https://gist.github.com/willurd/5720255
→ Neisseria: 只有前端的話，應該都可以用
→ erozak: 用Chrome開發的話，可以裝個debugger  for chrome插件來用
推 waveciou: 用 live server 外掛
推 devink0430: vscode的外掛 live server，
→ devink0430: 需要串API可以試試json server
推 fukinhot: 你http-server要在你想host的資料夾路徑下執行 我是用n
→ fukinhot: pm 裝全域的 超好用的 樓上各位建議也用用看
→ fukinhot: 他會自動找路徑下有沒有index.html 有的話 localhost:8
→ fukinhot: 080/就直接導向html
推 windclara: 用Node.JS配合webpack應該最快又最好測試吧(熱重載)！
→ windclara: 不會沒關係，在github找一個現成的，弄一個頁面來自己
→ windclara: 練習就好