[问题] 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