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

作者: nosmraw (這不是方向@)   2018-07-29 09:47:45
新手請教
目前覺得vscode在windows上練Html+CSS+Js蠻方便的
如果要Debug就是開啟lls用chrome測試就好
vscode是跨平台的
我想在osx打造類似的環境來debug
但我在網路上找不到類似lls那種自建server的方法
雖然可以當文字編輯器用但就是不能debug
請問有人知道如何做嗎?
或著有人可以推薦osx上練習不錯用的IDE...
先感謝願意解答的大大
作者: peanut97 (丁丁)   2018-07-29 10:05:00
如果你的語言是純js (沒有用React或Vue等框架),那在chrome的devtool中的source 下中斷點,執行的時候就可以停在中斷點讓你debug、逐步執行了。另外自建server可以用npm上的「http-server」下載到全域之後在專案目錄下指令「http-server -c-1」就會以伺服器的方式啟動專案了。(-c-1是讓他不要使用取快,方便debug
作者: nosmraw (這不是方向@)   2018-07-29 11:11:00
我成功裝了http-server 在vscode上debug可以但會一直導向server一直導不到我的專案XDhttps://imgur.com/2hOdI6K可能我IDE還沒有很熟 我再研究看看 感謝><
作者: dalconan (寒江雪)   2018-07-29 11:39:00
mac印象中內建apache,不想太深入研究有懶人包xampp多了PHP和MYSQL(雖然應該用不到),但執行就可以用
作者: jherk   2018-07-29 13:17:00
npm live-server
作者: nottt (無)   2018-07-29 13:52:00
前面很多人說了 開apache or 另外裝(http-server xampp)另外要說windows上的是IIS 不是LLS
作者: steven11329 (清新柳橙)   2018-07-29 16:08:00
webpack
作者: Neisseria (Neisseria)   2018-07-29 16:33:00
https://gist.github.com/willurd/5720255只有前端的話,應該都可以用
作者: erozak (45)   2018-07-29 17:28:00
用Chrome開發的話,可以裝個debugger for chrome插件來用
作者: waveciou (廢物魯蛇)   2018-07-29 20:08:00
用 live server 外掛
作者: devink0430 (DevinK)   2018-07-30 05:48:00
vscode的外掛 live server,需要串API可以試試json server
作者: fukinhot (抱歉粗口我怕熱)   2018-07-31 07:47:00
你http-server要在你想host的資料夾路徑下執行 我是用npm 裝全域的 超好用的 樓上各位建議也用用看他會自動找路徑下有沒有index.html 有的話 localhost:8080/就直接導向html
作者: windclara (null)   2018-08-06 00:08:00
用Node.JS配合webpack應該最快又最好測試吧(熱重載)!不會沒關係,在github找一個現成的,弄一個頁面來自己練習就好

Links booklink

Contact Us: admin [ a t ] ucptt.com