Skip to main content

Notice: this Wiki will be going read only early in 2024 and edits will no longer be possible. Please see: https://gitlab.eclipse.org/eclipsefdn/helpdesk/-/wikis/Wiki-shutdown-plan for the plan.

Jump to: navigation, search

Difference between revisions of "VJET/Getting Started"

(New page: Getting started with VJET JavaScript IDE is easy; simply create a VJET Project and begin coding JavaScript using the code assist features.  == Let's Get Started == # Make sure you...)
 
 
(19 intermediate revisions by one other user not shown)
Line 8: Line 8:
 
# Create a '''VJET Project'''.  Select the menu item '''File > New > VJET Project'''.  Enter your project's name, and click '''Finish'''.
 
# Create a '''VJET Project'''.  Select the menu item '''File > New > VJET Project'''.  Enter your project's name, and click '''Finish'''.
 
# You can now begin coding JavaScript. Select the menu item '''File > New > JavaScript Source File'''.  Enter a file name then click '''Finish'''.
 
# You can now begin coding JavaScript. Select the menu item '''File > New > JavaScript Source File'''.  Enter a file name then click '''Finish'''.
<br/>
+
#;<br/>
<br/>
+
#;
[[Image:Vjet_new_js_file.gif]]
+
#;[[Image:Vjet_new_js_file.gif]]
<br/>
+
#;<br/>
<br/>
+
#;<br/>
 
# With a VJET Project and JavaScript file, you can begin using the code assist features in VJET JS.&nbsp; Code assistance is available for:
 
# With a VJET Project and JavaScript file, you can begin using the code assist features in VJET JS.&nbsp; Code assistance is available for:
<br/>
 
<br/>
 
 
#* JavaScript primitive and native types
 
#* JavaScript primitive and native types
 
#* Browser and DOM types
 
#* Browser and DOM types
<br/>
+
 
<br/>
+
::: While typing JavaScript, trigger code assist by pressing '''Ctrl-Space'''.&nbsp; A list of code options appear; select an option and press '''Enter''' to insert the code.
While typing JavaScript, trigger code assist by pressing '''Ctrl-Space'''.&nbsp; A list of code options appear; select an option and press '''Enter''' to insert the code.
+
::: <br/>
<br/>
+
:::<br/>
<br/>
+
:::[[Image:Vjet_help_hover3.gif]]
[[Image:Vjet_help_hover3.gif]]
+
:::<br/>
<br/>
+
:::<br/>
<br/>
+
:::Continue to explore code assist using native JavaScript and other&nbsp; Browser and DOM types.&nbsp; Drill down past the first selection by '''typing a period (.)''', then pressing '''Ctrl-Space''' for the next level of code proposals.
Continue to explore code assist using native JavaScript and other&nbsp; Browser and DOM types.&nbsp; Drill down past the first selection by '''typing a period (.)''', then pressing '''Ctrl-Space''' for the next level of code proposals.
+
:::<br/>
<br/>
+
:::<br/>
<br/>
+
:::[[Image:Vjet_code_assist_drilldown.gif]]
[[Image:Vjet_code_assist_drilldown.gif]]
+
  
  
Line 39: Line 36:
 
=== Wiki Documentation ===
 
=== Wiki Documentation ===
  
* [[https://www.ebayopensource.org/wiki/display/VJET/Code+Assistance+Features Code Assistance Features]] <nowiki>-</nowiki> An overview of VJET JavaScript code assist features
+
* [[VJET/Code Assistance Features|Code Assistance Features]] <nowiki>-</nowiki> An overview of VJET JavaScript code assist features
* [[https://www.ebayopensource.org/wiki/display/VJET/Code+Search+Features Code Search Features]] <nowiki>-</nowiki> An overview of VJET JavaScript code search features
+
* [[VJET/Code Search Features|Code Search Features]] <nowiki>-</nowiki> An overview of VJET JavaScript code search features
* [[https://www.ebayopensource.org/wiki/display/VJET/Importing+VJET+JavaScript+Type+Libraries Importing VJET JavaScript Type Libraries ]] <nowiki>-</nowiki> How to import VJET JavaScript type libraries and configure your projects to use them
+
* [[VJET/Importing VJET JavaScript Type Libraries|Importing VJET JavaScript Type Libraries]] <nowiki>-</nowiki> How to import VJET JavaScript type libraries and configure your projects to use them
  
 
=== Eclipse VJET JavaScript Documentation ===
 
=== Eclipse VJET JavaScript Documentation ===
  
Since VJET JavaScript IDE is an Eclipse plugin, most of the  documentation will be available in Eclipse, so you can step through  tutorials and write code at the same time.&nbsp; The [[https://www.ebayopensource.org/wiki/display/VJET/VJET+JavaScript+IDE+Installation+Guide#eclipseDocs VJET JavaScript IDE Installation Guide]] includes a section on VJET JavaScript Documentation in Eclipse.
+
Since VJET JavaScript IDE is an Eclipse plugin, most of the  documentation will be available in Eclipse, so you can step through  tutorials and write code at the same time.&nbsp; The [[VJET/VJET JavaScript IDE Installation Guide#eclipseDocs|VJET JavaScript IDE Installation Guide]] includes a section on VJET JavaScript Documentation in Eclipse.
  
[[Category:VJET]]
+
[[Category:VJET|Getting Started]]

Latest revision as of 12:47, 18 January 2013

Getting started with VJET JavaScript IDE is easy; simply create a VJET Project and begin coding JavaScript using the code assist features. 

Let's Get Started

  1. Make sure you are in the VJET JS Perspective.  If not, select the menu item Window > Open Perspective> Other..., then select VJET JS.
  2. Create a VJET Project.  Select the menu item File > New > VJET Project.  Enter your project's name, and click Finish.
  3. You can now begin coding JavaScript. Select the menu item File > New > JavaScript Source File.  Enter a file name then click Finish.

    Vjet new js file.gif


  4. With a VJET Project and JavaScript file, you can begin using the code assist features in VJET JS.  Code assistance is available for:
    • JavaScript primitive and native types
    • Browser and DOM types
While typing JavaScript, trigger code assist by pressing Ctrl-Space.  A list of code options appear; select an option and press Enter to insert the code.


Vjet help hover3.gif


Continue to explore code assist using native JavaScript and other  Browser and DOM types.  Drill down past the first selection by typing a period (.), then pressing Ctrl-Space for the next level of code proposals.


Vjet code assist drilldown.gif


What's Next?

The fastest way to become proficient with VJET JavaScript IDE is to code.  However, for a quick introduction of the major features in VJET JavaScript IDE, take a look at the following documents. 


Wiki Documentation

Eclipse VJET JavaScript Documentation

Since VJET JavaScript IDE is an Eclipse plugin, most of the documentation will be available in Eclipse, so you can step through tutorials and write code at the same time.  The VJET JavaScript IDE Installation Guide includes a section on VJET JavaScript Documentation in Eclipse.

Back to the top