Once you've downloaded a parser, click on the "Import" command under "File: Import..." on the main menu to bring it into your project (See Figure 1).
Select "File System" from the "Import" dialog (See Figure 2).
Click the "Browse..." button next to the "From directory" dropdown to locate the folder which contains the JSON parser. Choose the folder and close the "Import from Directory" dialog. The folder you selected is now visible in the left window pane; the files contained therein will appear in the right pane. The checkboxes beside each item are used to flag it for import. Clicking on the the source folder checkbox on the left will automatically select all the files at once whereas selecting a checkbox next to a file will only select that file.
Next we have to specify the "Into Folder." Click the second "Browse" button and select the "WebContent" folder from the "Import from directory" dialog (not shown), since it's the root for our Web files (See Figure 3).
You'll now be able to see the new file in the "Project Explorer" pane, along with the
AutocompleteList.css file that we created in part 4.
Create the AutocompleteList.js File
You'll notice that this action also opened a new editor in the main window pane. We're now ready to begin coding