準(zhǔn)備工作：
成都創(chuàng)新互聯(lián)公司提供網(wǎng)站制作、做網(wǎng)站、網(wǎng)頁設(shè)計(jì)，高端網(wǎng)站設(shè)計(jì)，1元廣告等致力于企業(yè)網(wǎng)站建設(shè)與公司網(wǎng)站制作，十年的網(wǎng)站開發(fā)和建站經(jīng)驗(yàn),助力企業(yè)信息化建設(shè)，成功案例突破上千余家,是您實(shí)現(xiàn)網(wǎng)站建設(shè)的好選擇.
1、下載JDK；
2、下載Eclipse；
3、下載相應(yīng)的EMF、GEF、VE；
注意：三個(gè)插件的版本要和Eclipse的版本配套才能正確使用，至于配套的說明請(qǐng)參考下載頁面的說明
開始安裝：
1、安裝JDK；
這個(gè)比較容易，標(biāo)準(zhǔn)的Windows安裝程序，下一步，再下一步即可，安裝完成后，也不需要重啟。
2、安裝Eclipse；
Eclipse是綠色軟件，不需要安裝，只需要解壓縮，然后即可運(yùn)行。
為了說明方便，我把它解壓縮到C盤根目錄下，得到C:\eclipse目錄，運(yùn)行C:\eclipse\eclipse.exe即可。
注意：下面的安裝，需要先關(guān)閉eclipse程序。
3、安裝EMF、GEF、VE；
對(duì)于Eclipse來說，這些都是它的插件，所以，安裝方法都是一樣的。插件下載地址
A、在C:\eclipse目錄下，建立四個(gè)子目錄：C:\eclipse\emf、C:\eclipse\gef、C:\eclipse\ve、C:\eclipse\links；
B、把下載的EMF、GEF、VE都解壓縮到相應(yīng)的目錄中，即：把EMF壓縮包解壓縮到C:\eclipse\emf中，得到C:\eclipse\emf\eclipse目錄，以此類推，完成GEF、VE的解壓縮；
C、在C:\eclipse\links目錄下，新建一個(gè)文本文件，名字可隨便取，如：link.txt。
然后在link.txt文件中，加入以下三行文字：
path=emf
path=gef
path=VE
注意：這里用的是相對(duì)路徑，也可以把EMF、GEF、VE解壓縮到其它地方，再用絕對(duì)路徑即可。
再注意：絕對(duì)路徑是用 “/” 或者 “\\” 分隔，而不是“\”
補(bǔ)充知識(shí)：為什么ve需要emf和gef：
Visual Editor 所利用的最為明顯的工具是 GEF，即圖形化編輯框架（Graphical Editing
Framework）。GEF 建立于本地 Eclipse 圖形化工具集 SWT
之上，以使得開發(fā)一個(gè)圖形化編輯器或者所見即所得文本編輯器更為容易。如果您熟悉 SWT （或者
AWT/Swing，在這方面它們是類似的）中的圖形原語，那么您會(huì)知道繪制和處理任意的形狀（比如矩形、箭頭和橢圓）是比較困難的，更不用說管理它們之間的關(guān)系以及它們所代表的數(shù)據(jù)模型了。
GEF 被劃分為兩個(gè)部分：第一部分是 Draw2D 插件，這是一個(gè)輕量級(jí)的繪圖和呈現(xiàn)包，用于幫助您繪制圖形。第二部分是 GEF 插件，除了其他工具以外，這一部分中還增加了選擇和創(chuàng)建工具、工具選項(xiàng)板，以及用于在數(shù)據(jù)模型和視圖之間進(jìn)行映射的控制器框架。
GEF
是一個(gè)模型無關(guān)的框架，但是作為 Visual Editor （以及其他生成代碼的圖形化工具）的一部分，它在后臺(tái)使用 Eclipse
建?？蚣埽‥clipse Modeling Framework, EMF），以在模型、Java 類和圖形化表示之間進(jìn)行映射，其中模型是使用
XML 元數(shù)據(jù)交換（XML Metadata Interchange, XMI）在內(nèi)部存儲(chǔ)的。EMF
的重要特性之一是它確保所有這些映射都是一對(duì)一的；所以盡管 XMI
可以被認(rèn)為是模型的標(biāo)準(zhǔn)表示，但是在代碼和圖形之間來回切換并不會(huì)丟失任何信息。這就是為什么 Visual Editor
只需要保存模型的一種表示（即 Java 源代碼），以及開發(fā)人員可以自由地在圖形化編輯器之外編輯該源代碼的原因。
4、安裝完畢，再次運(yùn)行Eclipse，它啟動(dòng)時(shí)會(huì)自動(dòng)查找links目錄下所有的文本文件，并加載其中path指向的所有插件，這里當(dāng)然包括VE。
A、如果不能確定是否已經(jīng)加載，可選擇菜單Help-Software Updates-Manage Configuration，打開Product Configuration窗體，在其左邊的樹形欄里，可以看到已加載的插件。
B、如果加載沒有成功，可以試試用Eclipse -clear來運(yùn)行程序。
C、如果加載仍沒有成功，可以試試刪除C:\eclipse\configuration下的內(nèi)容，僅保留config.ini文件。然后再用Eclipse來運(yùn)行程序。
================================================================
啟動(dòng)eclipse平臺(tái)。剛開始，你可能覺得eclipse并沒有什么變化。先別急，請(qǐng)新建一個(gè)項(xiàng)目，點(diǎn)擊"文件"菜單下的"新建"子菜單，選擇并建立一個(gè)新的"java項(xiàng)目"。然后在工具欄上的"新建Java類" 圖標(biāo)上，點(diǎn)擊右邊的小箭頭，將展開如下圖的菜單：
在此菜單上，多了一個(gè)"Visual Calss"的子菜單,這就是進(jìn)入Visual Editor的入口之一。點(diǎn)擊"Visual Class"，就會(huì)彈出創(chuàng)建GUI程序的對(duì)話框，選擇完畢后，就會(huì)進(jìn)入可視化編輯畫面：
用VE寫個(gè)Hello：
1、新建一個(gè)項(xiàng)目；
File-New-Project...，選擇“Java Project”，然后Next，輸入一個(gè)項(xiàng)目名字：Hello，其它全部默認(rèn)，最后回車，或者點(diǎn)擊“Finish”完成。
2、設(shè)置SWT庫；
A、選擇項(xiàng)目Hello，右鍵菜單，打開Properties對(duì)話框。
B、選擇左邊樹形中的Java Build Path，在其設(shè)置頁中，選擇Libraries頁，點(diǎn)擊“Add Library...”；
C、在打開的Add Library對(duì)話框里，選擇Standard Widget Toolkit(SWT)，Next；
D、在打開的SWT Library Options對(duì)話框中，勾選上“Include support for JFace library”，F(xiàn)inish即可。
E、回到Properties對(duì)話框，OK即可。
3、新建Hellworld.java文件；
A、選擇項(xiàng)目Hello,右鍵菜單，New-Other...（或者點(diǎn)擊工具欄里新建圖標(biāo)），打開Select a wizard對(duì)話框，選擇Java/Visual Class,Next；
B、在打開的Java Visual Class對(duì)話框中，
在Package里，輸入：com.cnblogs.pan；
在Name里，輸入：Helloworld；
在Style里，選擇SWT/Shell；
勾選上public static void main(String[] args);
最后Finish。
4、到了這一步，應(yīng)該就可以看到窗體了，那些控件都在Palette里，點(diǎn)開就能看到了。
A、在窗體上右擊，選擇Set Layout，再選擇null；（此處為個(gè)人習(xí)慣）
B、從Palette里，選中一個(gè)Button，并在窗體任意位置畫一個(gè)Button，在下面的Properties窗口里，設(shè)置其text為ClickMe；
C、選中該按鈕，右擊選擇Events-Add Event，在打開的對(duì)話框中，選擇左邊的widgetSelected，F(xiàn)inish。
D、這時(shí)，光標(biāo)會(huì)自動(dòng)定位到程序相應(yīng)的位置，我們?cè)诔绦蚶锛尤胂旅嬲Z句：
public void widgetSelected(org.eclipse.swt.events.SelectionEvent e) {
System.out.println("widgetSelected()");
MessageDialog.openInformation(null, "Hello", "Hello World!");//加入這條語句
}
E、保存程序，點(diǎn)擊菜單Run-Run As-Java Application，呵呵，跟全世界打個(gè)招呼吧！
使用之前
在開始使用 ThingJS 之前，需要先了解JavaScript，我們假設(shè)您已經(jīng)掌握J(rèn)S。
創(chuàng)建項(xiàng)目
創(chuàng)建項(xiàng)目之前需登錄ThingJS賬號(hào)，如果您尚未登錄賬號(hào)或頁面出現(xiàn)“登錄已過期，請(qǐng)重新登錄！”的提示，為保證項(xiàng)目的正確保存及運(yùn)行，請(qǐng)您在賬號(hào)登錄之后再創(chuàng)建項(xiàng)目。您可通過以下三種方式創(chuàng)建項(xiàng)目：
選擇菜單區(qū)域的“文件 - 新建項(xiàng)目”選項(xiàng)
點(diǎn)擊工具欄“新建”圖標(biāo)，圖標(biāo)如右圖所示：
請(qǐng)點(diǎn)擊輸入圖片描述
請(qǐng)點(diǎn)擊輸入圖片描述
使用快捷鍵“Ctrl+P”
編輯項(xiàng)目
在線開發(fā)為用戶提供了相應(yīng)的快捷代碼和官方示例，如果你正在用 ThingJS在線開發(fā)頁面，可以通過以下兩種方式來編輯項(xiàng)目:
點(diǎn)擊在線開發(fā)頁面菜單區(qū)域的快捷代碼選項(xiàng)中的子項(xiàng)，編輯區(qū)將自動(dòng)插入相應(yīng)代碼
請(qǐng)點(diǎn)擊輸入圖片描述
選擇在線開發(fā)官方示例中的其中任意一個(gè)示例，點(diǎn)擊相應(yīng)示例，編輯區(qū)將顯示相應(yīng)代碼
后續(xù)操作詳見?在線開發(fā) - 應(yīng)用開發(fā) - 在線開發(fā)網(wǎng)頁鏈接
保存項(xiàng)目
可通過以下四種方式保存項(xiàng)目：
選擇菜單區(qū)域的“文件 - 保存”選項(xiàng)
點(diǎn)擊工具欄“保存”圖標(biāo)，圖標(biāo)如右圖所示：
請(qǐng)點(diǎn)擊輸入圖片描述
請(qǐng)點(diǎn)擊輸入圖片描述
使用快捷鍵“Ctrl+S”
運(yùn)行項(xiàng)目
在線開發(fā)環(huán)境提供了以下幾種方式運(yùn)行項(xiàng)目：
使用快捷方式“Ctrl+R/Enter”或點(diǎn)擊工具欄中的“運(yùn)行”圖標(biāo)，3d容器區(qū)域?qū)⑦\(yùn)行編輯器相應(yīng)的代碼。圖標(biāo)如右圖所示：
請(qǐng)點(diǎn)擊輸入圖片描述
請(qǐng)點(diǎn)擊輸入圖片描述
選擇菜單區(qū)域的“工具 - 設(shè)置”選型，出現(xiàn)的設(shè)置面板，點(diǎn)擊開啟“自動(dòng)保存執(zhí)行”
請(qǐng)點(diǎn)擊輸入圖片描述
可視化編程，其實(shí)語言本身并不是可視化的，而是在他的語言基礎(chǔ)上在開發(fā)一個(gè)工具，當(dāng)你調(diào)用一些可見得窗口啊什么的，工具會(huì)返回一個(gè)可視的見面，從而實(shí)現(xiàn)可視化，這樣的工具有很多，C++的visual C++，,net 的 framework，Java的NetBeans等等，實(shí)際上，你只要一個(gè)相應(yīng)編譯器和一個(gè)記事本，差不多就能寫出一個(gè)語言所能表達(dá)的所有東西，當(dāng)然，這樣會(huì)很容易出錯(cuò)。為了少出錯(cuò)更直觀，才會(huì)出現(xiàn)許許多多的編程工具（通常我們叫他IDE）
重慶分公司
重慶分公司
