绝对干货：19个有用的基于云的Web开发工具

Posted 2021-04-25 架构师社区

随着Web开发行业的快速发展，许多Web工具似乎简化了创建基于Web的应用程序的过程，并帮助开发人员更快的掌握。

在提供的众多工具中，有一些值得指出。

Web开发人员的在线游乐场

           

Web应用程序开发包含许多要素，要求开发人员在许多不同领域拥有知识。几乎每个Web应用程序都使用数据库来存储信息，这就是Web开发人员应该在他或她的工具包中使用SQL的原因。更进一步，您可以使用各种语言（如Python，Java，php或Ruby）构建应用程序逻辑。为了处理事物的可视化方面，开发人员可能会利用html，CSS和javascript的组合来呈现漂亮的Web应用程序。

为了熟悉这种多样化的技术堆栈，Web应用程序开发人员可以使用下面描述的那些。

1.  SQL Fiddle是一个完美的在线工具，用于测试查询以及比较和对比不同数据库后端的SQL语句。安装每个数据库通常需要一些其他工作，特别是当我们想要检查查询在不同环境中的效果时。在SQL Fiddle应用程序的左侧窗格中，您可以创建表，视图和其他数据库结构，并另外插入一些测试数据，而SQL语句可以插入到右侧面板中。

2. JSfiddle是一个用于HTML、CSS和JavaScript的Web代码段的在线编辑器。该工具支持多种框架和扩展，如：Dojo.js, Processing.js, ExtJS, RightJS, Three.js, React.js,Knockout.js, AngularJS, Ember, Underscore, Bonsai, KineticJS, FabricJS,qooxdoo, D3, CreateJS, Paper.js, React, svg.js, Minified, jTypes, Lo-Dash,Brick, ReactiveJS, Vue, JSBlocks.

   

   
   

3.  JsApp.US是一个平台，用于使用node.js平台以JavaScript快速编写应用程序。它还提供将创建的应用程序部署到Web的能力。

   

   
   

4.  Dabblet是一个交互式CSS游乐场和代码共享工具。

   

   
   

5.  PHPFIDDLE是一个php沙盒，它为php提供Web IDE和执行环境。该服务还包括其他四项：PHPFiddle Main,PHPFiddle Lite,PHPFiddle CliRun,PHPFiddle Mobile.

   

   
   

6. PythonFiddle是一个Python云IDE，具有语法高亮显示和Python控制台，使您可以从任何浏览器运行Python代码，从其他站点导入代码段，并链接到stackoverflow的解决方案。此外，它还支持代码自动完成并支持许多Python软件包：algopy，ascitable，Cheetah，jinja2，mako，milk，ply等。

   

7. RubyFiddle是一个Ruby片段的在线工具，具有Vim和Emacs的键绑定功能。

   
   

8. GoPlayground是Go编程语言的Web IDE。它是一个Web服务，为Go提供编辑器，编译编写的代码，并输出结果。

   

   
   

9.   Regexpal是一个JavaScript正则表达式测试程序，只包含两个窗口。在上面的一个中，您可以输入正则表达式，而在第二个表达式中有一个测试数据的位置。

   

10. Codecademy Labs是一个在线测试Python，Ruby和JavaScript的地方。

    

11. codepad是C++、Python、Ruby、Haskell、PHP等的编译器/解释器，具有向其他人发送带代码或输出的链接的功能。这使它成为一个很好的协作工具。

    

开发环境

 不同的沙盒工具没有IDE那么强大，所以很幸运，许多IDE也有在线版本以及有用的设计师。在线处理代码并与其他程序员协作非常方便。这是一些有用的在线IDE。

12.Cloud9提供了一个在线代码编辑器，在云端提供了一个完整的Ubuntu工作区，用于HTML，node.js，php，Python和Ruby。工作区由Docker Ubuntu容器提供支持。该工具包括一个聊天，允许开发人员在IDE中相互通信。此外，它允许您将代码部署到云平台，例如Windows Azure，Cloud Foundry或Heroku以及本地服务器。此外，Cloud9使您可以脱机工作 - 基于云的代码副本与本地副本同步。

13.  Codenvy是一个基于Docker的开发环境，包括IDE，源代码管理器集成，构建环境和调试工具。您可以使用以下语言之一创建新项目：C ++，Go，Java，JavaScript，PHP，Python，Ruby，或从git存储库导入现有项目。此外，codeenvy根据不同的技术（android，Spring和Angular）提供了大量示例。

14. Codio是一个基于浏览器的多语言IDE，它有自己的Ubuntu实例来测试代码。该工具支持其他功能，如HTML，CSS和JavaScript文件的自动完成，C，C ++，Java，JavaScript和Go的语法突出显示，以及项目共享和浏览器集成。

15.  Codeanywhere是一个Web IDE，具有云应用程序提供的其他功能，例如共享文件，实时协作和语法突出显示。

16. Koding为Go，Python，Node.js，Ruby，PHP，JavaScript和CoffeeScript提供Web IDE。通过Koding，您可以使用Docker，Wordpress，Django和Laravel，并创建Android，ios/ iPhone和HTML5应用程序。

17.ShiftEdit提供了一个在线IDE，其代码完成HTML标记，CSS和PHP代码辅助和语法检查。您可以轻松访问FTP，SFTP，WebDAV，Dropbox，Google Drive和Amazon S3中的文件。此应用程序具有语法突出显示，实时语法调试，代码自动完成，跳转到行括号和离线支持。您可以随时退回到该文件的先前版本。

18.  Moqups是一个HTML5应用程序，供设计人员创建线框，模型，UI概念和原型。应用程序的左侧边栏中装满了各种物体，可以拖放到您的线框上。

19.Vertabelo允许您为顶级供应商（如PostgreSQL，mysql，Oracle，SQLServer，SQLite和IBM DB2）可视化地设计数据库模型。您可以从SQL，XML或使用逆向工程工具导入现有数据库结构。设计模型后，您可以为各种ORM（Propel，jOOQ或SQLAlchemy）以及 Vertabelo Mobile ORM生成SQL脚本或即用型代码（它为Android和iOS平台提供数据库访问层）。

长按二维码 ▲

如有启发，帮我点个在看，谢谢↓