【问题标题】:IDE for Processing.jsProcessing.js 的 IDE
【发布时间】:2011-01-13 08:36:08
【问题描述】:

我刚刚开始使用 processing.js,我使用的任何 IDE(Aptana、NetBeans)都无法理解 JavaScript 语法处理使用。编码 processing.js 时使用什么好的编辑器?至少我想要代码折叠和着色。

【问题讨论】:

标签: ide processing.js


【解决方案1】:

取决于您想做什么,但是您是否查看了 processing.js 网站上的 Web IDE?

一月。

编辑:sketch.processing.org 已损坏。

【讨论】:

    【解决方案2】:

    如果您打算将 Processing.js 与 processing 的原始基于 Java 的语法一起使用,那么最好的 IDE 将是 Processing。 2.0 alpha 版本有一个 JavaScript 模式,您可以切换到该模式并使工作流程更容易。它不会提供您习惯使用 NetBeans 等的代码完成等功能。没有 IDE 可以为您提供具有该语法的功能,并且编写普通 Java 将无法正确翻译。

    Processing.js 实际上是处理 API 的 JavaScript 实现,它只是具有将处理 java 样式代码转换为 JS 的附加功能。如果您直接用 JavaScript 编写 Processing.js 应用程序,您将能够利用 IDE(例如 Aptana)的一些附加功能,但您的代码当然不会编译成 Java 应用程序/Applet。他们的JS Quick Start Guide 介绍了这种方法。

    【讨论】:

      【解决方案3】:

      下一个最好的方法是使用 C++ 或 Java 语法高亮。主要决定因素有:

      • Java 不允许文件级变量或函数,它们是 PDE 定义的核心部分
      • C++ 使用不同的关键字来导入、继承、引用父类和声明接口,这是指针解引用 (->) 而不是引用 (.)

      对于语法高亮,两者都可以正常工作,但由于上述问题,无论您选择什么,语法检查都无法与语法高亮同时启用而不会出现错误。

      【讨论】:

        【解决方案4】:

        如果您想在 Processing-Java(相对于纯 javascript)中编码,并且还想自动完成代码,我建议使用 IntelliJ 或 Eclipse。将 core.jar 从处理中导入您的项目以启用自动完成。

        然后将您的代码包装在 PApplet 子类中:

        package pde;
        import processing.core.*;
        import java.util.ArrayList;
        
        public class MySketch extends PApplet
        {
            //your code here
        }
        

        【讨论】:

          【解决方案5】:

          如果您使用的是 Windows,则可以在记事本上进行书写。您所要做的就是将其保存为 HTML 文档,如下所示:

          <!DOCTYPE html>
          <html>
            <head>
              <meta charset="utf-8">
              <title>
                Your project's title
              </title>
            </head>
            <body>
              <!--The processing.js canvas-->
              <canvas id="mycanvas"></canvas> 
              <!--Imports the processing.js library-->
              <script src="https://cdn.jsdelivr.net/processing.js/1.4.8/processing.min.js">    </script>
              <!--Where you write your code-->
              <script>
              var sketchProc = function(processingInstance) {
                with (processingInstance) {
                  //Feel free to change the size
                  size(400, 400);
                  frameRate(30);
                  
                  //Write your code here:
                  
                  
                  
                  
                  
                  
                }
              }
              </script>
            </body>
          </html>

          希望这会有所帮助! :D

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2011-05-04
            • 1970-01-01
            相关资源
            最近更新 更多