程序猿专用十大在线编译器(IDE)整理

JavaScript027

程序猿专用十大在线编译器(IDE)整理,第1张

1. CodeSandbox(基于 React 的在线代码沙盒平台) 我常用的

① 主流的脚手架都支持,比如在线create-react-app,vue-cli等(在线 fork 修改),支持 github 登录(项目导入),也支持 cli 上传例子,例子可以在线访问和下载,当然也支持内嵌到其他博客等网页中。

② 地址：https://codesandbox.io/

③ 图示

2. CodePen(前端代码编辑运行的网站)

① CodePen 是一个完全免费的前端代码托管服务，主要功能有：

② 地址：https://codepen.io/

③ 图示

3. JSRUN(支持手机端的在线JS编辑器)

① jsrun是一款支持手机端的在线JS编辑器, HTML/CSS/Javascript在线代码运行工具,js代码在线测试调试,是runjs的升级版支持vue.js/angular.js的在线编辑器

② 地址：http://jsrun.net/

③ 图示

4. jsFiddle(前端代码编辑运行的网站)

① jsFiddle 是一个Web开发人员的练习场,可在线编辑和测试 HTML、CSS、JavaScript代码片段。在 jsFiddle 编辑的代码,可以保存,也可分享给其他人,还可嵌入到其他网页

② 地址：https://jsfiddle.net/

③ 图示

5. Ideone(C和C++的在线编译和调试工具,支持其他的60种语言) 我常用

① Ideone是C和C++的在线编译和调试工具,支持其他的60种语言。这个工具提供许多强大的功能,允许程序员快速高效的编译源代码

② 地址：https://www.ideone.com/

③ 图示

6. Codechef(C，C ++和Java的在线编译工具)

① 它支持C，C ++和Java，非常接近真正的桌面IDE。这是超快速和易于使用。适合于课堂和作业的学生，练习面试问题。

② 地址：https://www.codechef.com/ide

③ 图示

7. JDoodle (C，C ++和Java的在线IDE)

① 支持协作代码。它只是从一个简单的文本区域开始，您可以粘贴代码，然后单击运行。您可以更改命令行参数并在运行该程序之前设置stdin。最适合新的在线编辑器不支持的许多旧语言。

② 地址：https://www.codechef.com/ide

③ 图示

8. OnlineGDB (在线C，C ++，Java，PHP编译器) 我常用

① 它支持C，C ++，PHP和Java编译器。OnlineGDB的独特功能是，您可以逐步调试您的代码。一旦代码被写入，它可以很容易地格式化，使其看起来不错。

② 地址：https://www.onlinegdb.com/

③ 图示

9. GCC资源管理器

① GCC编译器资源管理器是一个交互式在线编译器，它显示编译后的C++、RISE、GO（以及更多）代码的汇编输出。

② 地址：https://gcc.godbolt.org/

③ 图示

10. plnkr edit在线编辑器

① js的在线编辑器。

② 地址：http://plnkr.co/edit/

③ 图示

学习编程是开启你的Web开发和移动应用开发职业生涯的一种绝佳方式。在这篇文章中，我们将分享10个有助你学编程的最佳网站。

它是学编程最流行的网站之一。事实上，2000万人已经使用这个网站来学习编程了。你只需要注册一个免费帐户，便可以开始挑选你想学的第一门编程语言。它包括了CSS、HTML、JavaScript、jQuery和PHP等。

这是一个学习Web开发非常棒的地方。尤其是你想学习编程语言是JS，那么，这个网站将是你的首选。网站中包含了Node.js、Angular.js和Express.js等内容。在这个网站学习最好之处就是，你可以建立一些非营利的项目，它们可以帮助你积累真实项目的经验。

这是一个神奇的地方。你可以继续你的开发之旅，并且可以进一步提高你的技能。在这里，你可以立刻学习大量的免费课程，同时可以利用截图、视频教程来指导你的学习。更多编程挑战也等待你的测试哦！

在这里，有很多针对Rails和Ruby开发人员的在线课程。当然，CSS、HTML和JavaScript也是网站课程体系的一部分。同时，为你还提供了很多其他的项目。

事实上，这是由David J.马兰教授主讲的一系列免费的计算机科学课程。即使你没有编程经验，这也是开始编程学习的最佳途径之一。在学习的过程中，你不仅将学习诸如算法、开发、封装以及数据结构的主题内容，而且会对 C、JavaScript、SQL、 CSS和 HTML等其他编程语言进行了解。

HTML Dog是一个伟大的地方。在这里汇集了CSS、HTML和JavaScript大量的教程资源，它还可以帮助一个初学者学习任何上述的语言。同时，这个网站还能指导你学习如何实现CSS下拉框、自定义404错误页面等一部分web设计的内容。

这是一个你可以学到很多计算机课程的免费在线资源网站。计算机编程部分内容包括CSS、HTML、SQL和JavaScript。在这里也有大量的交互式视频和编程挑战，通过提供信息和提示的方式来指导你的练习。

一个在线演示代码编写过程的网站。它将帮助你学习CSS、HTML和JavaScript等前端技术。你可以边看边学，还可以回放编码过程，是不是很酷呢！CSS线框、HTML5贪吃蛇 游戏 以及JavaScript就是一些常见的例子。

这是一个了不起的，学习与提高编程技能的在线学习平台。你可以在这里选择众多流行的编程语言来学习，如PHP、CSS、Python、HTML和Java。此外，你还可以学习到UX设计、Photoshop等一些网页设计方面的内容。当你通过每门课程的测试后，你还会得到相应的结业证书。

这是另一个可以提高你的编程技术，以及程序开发技能的课程网站。这些课程由软件巨头Facebook, Google中的行业专家进行讲授。通过在Udacity的学习，你将踏上Android开发、Java、Git和iOS应用开发的学习之路。

使用火狐浏览器。安装firebug。

安装后，按F12，打开firebug

找到脚本，启用脚本。

找到要调试的JS文件

在需要断点的地方，鼠标点下左侧

会出现一个红点

执行到这里的时候，就会进行调试了