使用之前
在开始使用 ThingJS 之前，需要先了解JavaScript，我们假设您已经掌握JS。
创建项目
创建项目之前需登录ThingJS账号，如果您尚未登录账号或页面出现“登录已过期，请重新登录！”的提示，为保证项目的正确保存及运行，请您在账号登录之后再创建项目。您可通过以下三种方式创建项目：
选择菜单区域的“文件 - 新建项目”选项
点击工具栏“新建”图标，图标如右图所示：
请点击输入图片描述
请点击输入图片描述
使用快捷键“Ctrl+P”
编辑项目
在线开发为用户提供了相应的快捷代码和官方示例，如果你正在用 ThingJS在线开发页面，可以通过以下两种方式来编辑项目:
点击在线开发页面菜单区域的快捷代码选项中的子项，编辑区将自动插入相应代码
请点击输入图片描述
选择在线开发官方示例中的其中任意一个示例，点击相应示例，编辑区将显示相应代码
后续操作详见 在线开发 - 应用开发 - 在线开发网页链接
保存项目
可通过以下四种方式保存项目：
选择菜单区域的“文件 - 保存”选项
点击工具栏“保存”图标，图标如右图所示：
请点击输入图片描述
请点击输入图片描述
使用快捷键“Ctrl+S”
运行项目
在线开发环境提供了以下几种方式运行项目：
使用快捷方式“Ctrl+R/Enter”或点击工具栏中的“运行”图标，3d容器区域将运行编辑器相应的代码。图标如右图所示：
请点击输入图片描述
请点击输入图片描述
选择菜单区域的“工具 - 设置”选型，出现的设置面板，点击开启“自动保存执行”
请点击输入图片描述
可视化编程就是GUI第一步，引包：
一般引包：import javax.swing.*
import java.awt.*
第二步：代码
例子：将以下代码保存为test.java文件，然后用jdk提供的编译器编译运行
import javax.swing.*
import java.awt.*
public class test extends JFrame(){
//创建组件
JButton jb=null
//构造函数
public test(){
//实例化组件
jb=new JButton("按钮")
//添加组件
this.add(jb)
//布局
//设置窗口在屏幕上的位置、大小和可见性
this.setLocation(100,100)
this.setSize(650,550)
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE)
this.setVisible(true)
}
public static void main(){
new test()
}
}
更多java可视化编程，可以到这个网站上去下载sun公司开发的文档tutorial
网站是：
http://www.oracle.com/technetwork/java/javase/java-tutorial-downloads-2005894.html
解压后，在tutorial\uiswing\components文件夹目录下的链接都是讲的可视化编程，不过都是英文版的。中文版的，我这里没有，有需要的自己找一下
