84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
鄙人前端小白经常在写前端代码的时候，出现一些错误，比如单词写错了。反正每次出错我都是去游览器的控制台查看。有时候单词错了控制台根本看不出什么所以请知道大家都是怎么调试的？
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
如今这个时代，会使用工具很重要。所以，个人看法是：
首先，请使用工具，譬如 Eslint，协助你检测代码各种问题，如果错误，就指出来提醒你，当然包括变量的书写错误。
其次，还是工具；请让自己的编辑器关联你的 Chrome，代码更新自动刷新页面(这里可以使用的工具较多，比如：gulp-livereload 等等)，即便还是抱错了，不用自己去刷，对了 请使用双屏幕。
再次，就要回归到自身了，逻辑错误也好，语法错误也罢，还是这单词的拼写错误，还是建议出错了，看错误提示(经验体现在这里)－》看不错来，重新读一遍代码分析（分析思维来了） －》console／alert下试试？（有助于分析）－》断点下吧，不建议这样是，比较容易依赖它不好；高手写代码据悉都不用断点 －》 还是不行就请其人帮着看下咯，毕竟旁观者清，很多时候，我们容易陷入错误的思维轮训之中。
大概就这样，嗯 来自#晚晴幽草轩#一点小经验。
多写，基础不熟，给再好你方法都没用。写多了写出来就知道是什么结果。调试时间很少的
有些方法我不确定不报错就直接在console里用snippet运行。至于单词拼错你可以装些好用的sublime插件，写的时候会有提示
一般写前端的话, 我会用 WebStorm, 什么自动补全、拼写错误的小问题, 在编辑的过程中就能发现了
一般都是写一段代码就会测试，如果知道那一段代码出现问题了就更好了；如果测试的时候没有报错，但是也没有达到你想要的效果，那么就打断点，看看执行过程，看看是不是每一步都按照你的代码去执行的；或者可以直接console.log（），看看有没有什么问题。
PHPStorm有简单的语法提示，能解决大部分问题。JS动态类型语言比较灵活，最近在用TypeScript，思路清晰点，也可以解决一些动态类型导致的错误。
PHPStorm
TypeScript
当然因人而异，就不推荐TypeScript了，毕竟还是有不少坑，新手的话增加学习曲线。
楼上也提到了的，我再推荐一次WebStorm。它会提示一些由于我们疏忽的语法错误，也不用去安装一啪啦的插件，缺点就是笨重了些（不适合小霸王学习机）；如果楼主对电脑自信可以果断选择。
首先请区分编辑器和ide。你说的单词问题在ide中自动集成，不需要你担心，如果在编辑器中，你可以安装eslint这类插件。
至于调试，逻辑错误会报错，观察信息排查代码就行了。业务错误就debug，复杂的就需要综合能力了，这个一时说了你也不一定能达到，慢慢来吧
物理类的解决办法上面已经说了很多，说说技巧类的：把你的错误记下来，就是用笔记的形式，哪些错误是你常犯的，哪些错误是无意识的，下次写到设计错误常见地方的时候，你就得小心注意别再犯同样的错误了。
建议每一步都输出alert出来看看，这样比较好。也是最基本的从入门做起用Vs code加插件会有一些自动补全，降低出错率。真的出错了，就用谷歌浏览器看。js出错了用火狐的FireBug进行调试。Eslint插件也是很不错的。我个人观点哦 个人不喜欢太重量级的IDE 像webstorm。我还是觉得vs code插件轻松灵活。萝卜白菜各有所爱吧
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
如今这个时代，会使用工具很重要。所以，个人看法是：
首先，请使用工具，譬如 Eslint，协助你检测代码各种问题，如果错误，就指出来提醒你，当然包括变量的书写错误。
其次，还是工具；请让自己的编辑器关联你的 Chrome，代码更新自动刷新页面(这里可以使用的工具较多，比如：gulp-livereload 等等)，即便还是抱错了，不用自己去刷，对了 请使用双屏幕。
再次，就要回归到自身了，逻辑错误也好，语法错误也罢，还是这单词的拼写错误，还是建议出错了，看错误提示(经验体现在这里)－》看不错来，重新读一遍代码分析（分析思维来了） －》console／alert下试试？（有助于分析）－》断点下吧，不建议这样是，比较容易依赖它不好；高手写代码据悉都不用断点 －》 还是不行就请其人帮着看下咯，毕竟旁观者清，很多时候，我们容易陷入错误的思维轮训之中。
大概就这样，嗯 来自#晚晴幽草轩#一点小经验。
多写，基础不熟，给再好你方法都没用。
写多了写出来就知道是什么结果。调试时间很少的
有些方法我不确定不报错就直接在console里用snippet运行。至于单词拼错你可以装些好用的sublime插件，写的时候会有提示
一般写前端的话, 我会用 WebStorm, 什么自动补全、拼写错误的小问题, 在编辑的过程中就能发现了
一般都是写一段代码就会测试，如果知道那一段代码出现问题了就更好了；
如果测试的时候没有报错，但是也没有达到你想要的效果，那么就打断点，看看执行过程，看看是不是每一步都按照你的代码去执行的；或者可以直接console.log（），看看有没有什么问题。
PHPStorm有简单的语法提示，能解决大部分问题。JS动态类型语言比较灵活，最近在用TypeScript，思路清晰点，也可以解决一些动态类型导致的错误。楼上也提到了的，我再推荐一次WebStorm。它会提示一些由于我们疏忽的语法错误，也不用去安装一啪啦的插件，缺点就是笨重了些（不适合小霸王学习机）；如果楼主对电脑自信可以果断选择。
首先请区分编辑器和ide。你说的单词问题在ide中自动集成，不需要你担心，如果在编辑器中，你可以安装eslint这类插件。
至于调试，逻辑错误会报错，观察信息排查代码就行了。业务错误就debug，复杂的就需要综合能力了，这个一时说了你也不一定能达到，慢慢来吧
物理类的解决办法上面已经说了很多，说说技巧类的：把你的错误记下来，就是用笔记的形式，哪些错误是你常犯的，哪些错误是无意识的，下次写到设计错误常见地方的时候，你就得小心注意别再犯同样的错误了。
建议每一步都输出alert出来看看，这样比较好。也是最基本的从入门做起
用Vs code加插件会有一些自动补全，降低出错率。
真的出错了，就用谷歌浏览器看。
js出错了用火狐的FireBug进行调试。
Eslint插件也是很不错的。
我个人观点哦 个人不喜欢太重量级的IDE 像webstorm。我还是觉得vs code插件轻松灵活。萝卜白菜各有所爱吧