PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[問題] 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一直導不到我的專案XD
https://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找一個現成的,弄一個頁面來自己練習就好
繼續閱讀
Re: [問題] Dreamweaver要如何撰寫Pug?
WuMOS
[家教] 徵台北前端家教
vul81320
[問題] 讓數字跑得方法?
Whatever
[請益] 轉網址問題
kennytseng
[問題] Dreamweaver要如何撰寫Pug?
WuMOS
[討論] 網頁設計歷程請教或技術交換
s9714635
[問題] return方法中再夾方法
crazwade
[問題] Canvas 相關問題
noiz07
[問題] 如何加入新的dll到php中
stevesang
[請益] 關於直接使用陣列宣告變數
Comiti
Links
booklink
Contact Us: admin [ a t ] ucptt.com