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