作者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/cn.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