请问大家写网页的时候都是怎么调试的？

Question

鄙人前端小白
经常在写前端代码的时候，出现一些错误，比如单词写错了。
反正每次出错我都是去游览器的控制台查看。
有时候单词错了控制台根本看不出什么
所以请知道大家都是怎么调试的？

Answer 1

如今这个时代，会使用工具很重要。所以，个人看法是：

首先，请使用工具，譬如 Eslint，协助你检测代码各种问题，如果错误，就指出来提醒你，当然包括变量的书写错误。

其次，还是工具；请让自己的编辑器关联你的 Chrome，代码更新自动刷新页面(这里可以使用的工具较多，比如：gulp-livereload 等等)，即便还是抱错了，不用自己去刷，对了 请使用双屏幕。

再次，就要回归到自身了，逻辑错误也好，语法错误也罢，还是这单词的拼写错误，还是建议出错了，看错误提示(经验体现在这里)－》看不错来，重新读一遍代码分析（分析思维来了） －》console／alert下试试？（有助于分析）－》断点下吧，不建议这样是，比较容易依赖它不好；高手写代码据悉都不用断点 －》 还是不行就请其人帮着看下咯，毕竟旁观者清，很多时候，我们容易陷入错误的思维轮训之中。

大概就这样，嗯 来自#晚晴幽草轩#一点小经验。

Answer 2

多写，基础不熟，给再好你方法都没用。
写多了写出来就知道是什么结果。调试时间很少的

Answer 3

有些方法我不确定不报错就直接在console里用snippet运行。至于单词拼错你可以装些好用的sublime插件，写的时候会有提示

Answer 4

一般写前端的话, 我会用 WebStorm, 什么自动补全、拼写错误的小问题, 在编辑的过程中就能发现了

Answer 5

一般都是写一段代码就会测试，如果知道那一段代码出现问题了就更好了；
如果测试的时候没有报错，但是也没有达到你想要的效果，那么就打断点，看看执行过程，看看是不是每一步都按照你的代码去执行的；或者可以直接console.log（），看看有没有什么问题。

Answer 6

PHPStorm有简单的语法提示，能解决大部分问题。JS动态类型语言比较灵活，最近在用TypeScript，思路清晰点，也可以解决一些动态类型导致的错误。

当然因人而异，就不推荐TypeScript了，毕竟还是有不少坑，新手的话增加学习曲线。

Answer 7

楼上也提到了的，我再推荐一次WebStorm。它会提示一些由于我们疏忽的语法错误，也不用去安装一啪啦的插件，缺点就是笨重了些（不适合小霸王学习机）；如果楼主对电脑自信可以果断选择。

Answer 8

首先请区分编辑器和ide。你说的单词问题在ide中自动集成，不需要你担心，如果在编辑器中，你可以安装eslint这类插件。

至于调试，逻辑错误会报错，观察信息排查代码就行了。业务错误就debug，复杂的就需要综合能力了，这个一时说了你也不一定能达到，慢慢来吧

Answer 9

物理类的解决办法上面已经说了很多，说说技巧类的：把你的错误记下来，就是用笔记的形式，哪些错误是你常犯的，哪些错误是无意识的，下次写到设计错误常见地方的时候，你就得小心注意别再犯同样的错误了。

Answer 10

建议每一步都输出alert出来看看，这样比较好。也是最基本的从入门做起
用Vs code加插件会有一些自动补全，降低出错率。
真的出错了，就用谷歌浏览器看。
js出错了用火狐的FireBug进行调试。
Eslint插件也是很不错的。
我个人观点哦 个人不喜欢太重量级的IDE 像webstorm。我还是觉得vs code插件轻松灵活。萝卜白菜各有所爱吧