PageRenderTime 30ms CodeModel.GetById 28ms RepoModel.GetById 0ms app.codeStats 0ms

/plugins/com.aptana.ide.documentation/html/gettingstarted/Project_View.html

https://github.com/hotrhino/ide_core
HTML | 138 lines | 131 code | 4 blank | 3 comment | 0 complexity | e644eb51ae62e116e3119adb55d4be1b MD5 | raw file
    

  1. <html>
    2. 

  2.    <head>
    3. 

  3.       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    4. 

  4.       <title>Project View</title>
    5. 

  5.       <link rel="stylesheet" href="../../content/shared.css" type="text/css">
    6. 

  6. 	  <!--<script type="text/javascript" src="http://www.aptana.com/docs/help.js"></script>-->
    7. 

  7. 	  <!--<script type="text/javascript" src="http://www.aptana.com/docs/index.php?title=Project_View&action=raw&gen=js">-->
    8. 

  8. 	  <link rel="stylesheet" href="http://www.aptana.com/docs/" type="text/css">      
    9. 

  9. 	  	<script>
    10. 

  10. 	  var lastModifiedClient = "";
    11. 

  11. 	  var fullUrl = "";
    12. 

  12. 	  try
    13. 

  13. 	  {
    14. 

  14. 	     if(lastModifiedServer)
    15. 

  15. 	        notifyUpdatedSource(lastModifiedClient, lastModifiedServer, fullUrl);
    16. 

  16. 	  }
    17. 

  17. 	  catch(e) {}	  
    18. 

  18. 	</script>
    19. 

  19. 	
    20. 

  20.    </head>
    21. 

  21.    <body>
    22. 

  22.       <div class="classBlock">		    <a href="http://www.aptana.com/" target="_blank"><img src="../../content/aptana.gif" border="0" hspace="21" vspace="7"></img></a><h1>Project View [<a href="http://www.aptana.com/docs/index.php?title=Project_View&action=edit">edit</a>]</h1>
    23. 

  23.          <div class="content">
    24. 

  24.             
    25. 

  25. 					<p>This page explains what the Project View in Aptana is and how to display it.
    26. 

  26. <span style="display:none;">x</span>
    27. 

  27. </p>
    28. 

  28. <table id="toc" class="toc" summary="Contents"><tr><td><div id="toctitle"><h2>Contents</h2></div>
    29. 

  29. <ul>
    30. 

  30. <li class="toclevel-1"><a href="#What"><span class="tocnumber">1</span> <span class="toctext">What</span></a>
    31. 

  31. <ul>
    32. 

  32. <li class="toclevel-2"><a href="#Projects.2C_Project_Explorer.2C_Navigator_Views"><span class="tocnumber">1.1</span> <span class="toctext">Projects, Project Explorer, Navigator Views</span></a></li>
    33. 

  33. </ul>
    34. 

  34. </li>
    35. 

  35. <li class="toclevel-1"><a href="#How"><span class="tocnumber">2</span> <span class="toctext">How</span></a>
    36. 

  36. <ul>
    37. 

  37. <li class="toclevel-2"><a href="#Display_the_Project_View"><span class="tocnumber">2.1</span> <span class="toctext">Display the Project View</span></a></li>
    38. 

  38. <li class="toclevel-2"><a href="#Filter"><span class="tocnumber">2.2</span> <span class="toctext">Filter</span></a></li>
    39. 

  39. <li class="toclevel-2"><a href="#Collapse_All"><span class="tocnumber">2.3</span> <span class="toctext">Collapse All</span></a></li>
    40. 

  40. <li class="toclevel-2"><a href="#Cloud_Deployment_and_Syncing"><span class="tocnumber">2.4</span> <span class="toctext">Cloud Deployment and Syncing</span></a></li>
    41. 

  41. </ul>
    42. 

  42. </li>
    43. 

  43. <li class="toclevel-1"><a href="#Related_Topics"><span class="tocnumber">3</span> <span class="toctext">Related Topics</span></a></li>
    44. 

  44. </ul>
    45. 

  45. </li>
    46. 

  46. </ul>
    47. 

  47. </td></tr></table><script type="text/javascript"> if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } </script>
    48. 

  48. <a name="What"></a><h2> <span class="mw-headline">What</span></h2>
    49. 

  49. <p><span style="display:none;">x</span>
    50. 

  50. </p>
    51. 

  51. <div style="float: left; width: 500px;">The Project View is a tree view of all of the projects and associated files in your workspace. You can expand and collapse the folders in this view to make it easier to access your files for editing.</div>
    52. 

  52. <p><br style="clear: both;" />
    53. 

  53. <span style="display:none;">x</span>
    54. 

  54. </p>
    55. 

  55. <a name="Projects.2C_Project_Explorer.2C_Navigator_Views"></a><h3> <span class="mw-headline">Projects, Project Explorer, Navigator Views</span></h3>
    56. 

  56. <p><span style="display:none;">x</span>
    57. 

  57. </p>
    58. 

  58. <div style="float: left; width: 500px;">There are a few similar views for projects, here are the differences:
    59. 

  59. <ul><li> The <b>Project Explorer</b> view is the simplest view of projects where navigator and project allow you to drill down into a project or folder via the buttons on the toolbar.
    60. 

  60. </li><li> The <b>Projects</b> view is a view we created that extends the <b>Navigator</b> view but integrates better in Aptana Studio such as allows custom background and foreground settings and adds listeners when you delete a project so that you can also delete any run configurations you have associated with that project.</div>
    61. 

  61. </li></ul>
    62. 

  62. <p><br style="clear: both;" />
    63. 

  63. <span style="display:none;">x</span>
    64. 

  64. </p>
    65. 

  65. <a name="How"></a><h2> <span class="mw-headline">How</span></h2>
    66. 

  66. <p><span style="display:none;">x</span>
    67. 

  67. </p>
    68. 

  68. <a name="Display_the_Project_View"></a><h3> <span class="mw-headline">Display the Project View</span></h3>
    69. 

  69. <p><span style="display:none;">x</span>
    70. 

  70. </p>
    71. 

  71. <div class="thumb tleft"><div class="thumbinner" style="width:202px;"><a href="Image:ProjectView.png.html" class="image" title="Project view"><img alt="Project view" src="docs/images/thumb/f/fd/ProjectView.png/200px-ProjectView.png" width="200" height="184" border="0" class="thumbimage" /></a>  <div class="thumbcaption"><div class="magnify" style="float:right"><a href="Image:ProjectView.png.html" class="internal" title="Enlarge"><img src="docs/skins/common/images/magnify-clip.png" width="15" height="11" alt="" /></a></div>Project view</div></div></div><div style="float: left; width: 500px;"><b>Steps:</b>
    72. 

  72. <ul><li> From the <b>Window</b> menu, select <b>Show View &gt; Project </b>.
    73. 

  73. </li><li> To display the contents of a single folder, right-click the folder and select <b>Go Into</b> from the context menu. To display all folders again, click the <b>Back</b> button <a href="Image:IconBack.png.html" class="image" title="Image:iconBack.png"><img alt="Image:iconBack.png" src="docs/images/9/98/IconBack.png" width="27" height="23" border="0" /></a> at the top of the Project View.
    74. 

  74. </li><li> To close the <b>Project View</b>, click the Close button (<b>X</b>) in the upper right of the tab.
    75. 

  75. </li></ul>
    76. 

  76. Aptana displays the <b>Project View</b> as a tab on the left part of your screen, as shown in the image below.</div>
    77. 

  77. <p><br style="clear: both;" />
    78. 

  78. <span style="display:none;">x</span>
    79. 

  79. </p>
    80. 

  80. <a name="Filter"></a><h3> <span class="mw-headline">Filter</span></h3>
    81. 

  81. <p><span style="display:none;">x</span>
    82. 

  82. </p>
    83. 

  83. <div style="float: left; width: 500px;">You can create a filter to display only a subset of your projects by creating a "working set" of projects. See <a href="Creating_a_working_set_of_projects.html" title="Creating a working set of projects">Creating a working set of projects</a> for more information.</div>
    84. 

  84. <p><br style="clear: both;" />
    85. 

  85. <span style="display:none;">x</span>
    86. 

  86. </p>
    87. 

  87. <a name="Collapse_All"></a><h3> <span class="mw-headline">Collapse All</span></h3>
    88. 

  88. <p><span style="display:none;">x</span>
    89. 

  89. You can collapse all open folders into the top-level folder by clicking the <b>Collapse All</b> button <a href="Image:IconCollapseAll.png.html" class="image" title="Image:iconCollapseAll.png"><img alt="Image:iconCollapseAll.png" src="docs/images/0/05/IconCollapseAll.png" width="23" height="19" border="0" /></a>.
    90. 

  90. <span style="display:none;">x</span>
    91. 

  91. </p>
    92. 

  92. <a name="Cloud_Deployment_and_Syncing"></a><h3> <span class="mw-headline">Cloud Deployment and Syncing</span></h3>
    93. 

  93. <p><span style="display:none;">x</span>
    94. 

  94. </p>
    95. 

  95. <div class="thumb tleft"><div class="thumbinner" style="width:202px;"><a href="Image:StudioProjectCloudProjects.png.html" class="image" title="Projects deployed on the Cloud"><img alt="Projects deployed on the Cloud" src="docs/images/thumb/6/63/StudioProjectCloudProjects.png/200px-StudioProjectCloudProjects.png" width="200" height="53" border="0" class="thumbimage" /></a>  <div class="thumbcaption"><div class="magnify" style="float:right"><a href="Image:StudioProjectCloudProjects.png.html" class="internal" title="Enlarge"><img src="docs/skins/common/images/magnify-clip.png" width="15" height="11" alt="" /></a></div>Projects deployed on the Cloud</div></div></div><div style="float: left; width: 500px;">Projects that are deployed to the Aptana Cloud will be marked in the project view with a globe icon next to their name (if they are open).
    96. 

  96. You can use buttons at the top of the project view to sync, upload, and download files in projects that are deployed on the cloud. For projects not deployed to the Aptana Cloud, you can launch <a href="Cloud_Deployment.html" title="Cloud Deployment">cloud deployment</a> using the "cloud deployment" button (it looks like a globe) <a href="Image:StudioProjectDeployButton.png.html" class="image" title="Image:StudioProjectDeployButton.png"><img alt="Image:StudioProjectDeployButton.png" src="docs/images/6/6c/StudioProjectDeployButton.png" width="26" height="26" border="0" /></a>. In this case, the sync, upload, and download buttons will be grayed out.</div>
    97. 

  97. <p><br style="clear: both;" />
    98. 

  98. </p>
    99. 

  99. <div class="thumb tleft"><div class="thumbinner" style="width:202px;"><a href="Image:StudioProjectUploading.png.html" class="image" title="Upload confirmation"><img alt="Upload confirmation" src="docs/images/thumb/9/93/StudioProjectUploading.png/200px-StudioProjectUploading.png" width="200" height="64" border="0" class="thumbimage" /></a>  <div class="thumbcaption"><div class="magnify" style="float:right"><a href="Image:StudioProjectUploading.png.html" class="internal" title="Enlarge"><img src="docs/skins/common/images/magnify-clip.png" width="15" height="11" alt="" /></a></div>Upload confirmation</div></div></div><div style="float: left; width: 500px;">To upload a file or folder to the cloud, select the item in the project view, and click the "upload" button <a href="Image:StudioProjectUploadButton.png.html" class="image" title="Image:StudioProjectUploadButton.png"><img alt="Image:StudioProjectUploadButton.png" src="docs/images/2/23/StudioProjectUploadButton.png" width="26" height="26" border="0" /></a>. A pop-up window will ask you to confirm your upload. The process for downloading is similar. Click the download button <a href="Image:StudioProjectDownloadButton.png.html" class="image" title="Image:StudioProjectDownloadButton.png"><img alt="Image:StudioProjectDownloadButton.png" src="docs/images/3/37/StudioProjectDownloadButton.png" width="26" height="26" border="0" /></a>. A pop-up confirmation will appear.
    100. 

  100. <p><b>Note:</b> uploading or downloading a file will replace the file you are moving if it already exists.
    101. 

  101. </p>
    102. 

  102. Clicking the "sync" button will launch the <a href="Using_Smart_Sync.html" title="Using Smart Sync">Smart Sync</a> window <a href="Image:StudioProjectSyncButton.png.html" class="image" title="Image:StudioProjectSyncButton.png"><img alt="Image:StudioProjectSyncButton.png" src="docs/images/0/03/StudioProjectSyncButton.png" width="26" height="26" border="0" /></a>.</div>
    103. 

  103. <p><br style="clear: both;" />
    104. 

  104. <span style="display:none;">x</span>
    105. 

  105. </p>
    106. 

  106. <a name="Related_Topics"></a><h2> <span class="mw-headline">Related Topics</span></h2>
    107. 

  107. <p><span style="display:none;">x</span>
    108. 

  108. </p>
    109. 

  109. <ul><li> <a href="About_Eclipse_Views.html" title="About Eclipse Views">About Eclipse Views</a>
    110. 

  110. </li><li> <a href="Displaying_Aptana_Views.html" title="Displaying Aptana Views">Displaying Aptana Views</a>
    111. 

  111. </li><li> <a href="Displaying_the_Bookmarks_View.html" title="Displaying the Bookmarks View">Displaying the Bookmarks View</a>
    112. 

  112. </li><li> <a href="Displaying_the_File_View.html" title="Displaying the File View">Displaying the File View</a>
    113. 

  113. </li><li> <a href="Displaying_the_Outline_View.html" title="Displaying the Outline View">Displaying the Outline View</a>
    114. 

  114. </li><li> <a href="Displaying_the_Tasks_View.html" title="Displaying the Tasks View">Displaying the Tasks View</a>
    115. 

  115. </li><li> <a href="Displaying_the_Walkthroughs_View.html" title="Displaying the Walkthroughs View">Displaying the Walkthroughs View</a>
    116. 

  116. </li><li> <a href="Navigating_open_files_with_Next_Editor_or_Previous_Editor.html" title="Navigating open files with Next Editor or Previous Editor">Navigating open files with Next Editor or Previous Editor</a>
    117. 

  117. </li><li> <a href="Setting_up_your_web_browser_configuration.html" title="Setting up your web browser configuration">Setting up your web browser configuration</a>
    118. 

  118. </li><li> <a href="Creating_a_working_set_of_projects.html" title="Creating a working set of projects">Creating a working set of projects</a>
    119. 

  119. </li></ul>
    120. 

  120. 

  121. <!-- Saved in parser cache with key wikidb-aptana_:pcache:idhash:1284-0!1!0!!en!2!edit=0 and timestamp 20090202130324 -->
    122. 

  122. <div class="printfooter">
    123. 

  123. Retrieved from "<a href="http://aptana.com/docs/index.php/Project_View">http://aptana.com/docs/index.php/Project_View</a>"</div>
    124. 

  124. 										<script>
    125. 

  125. 						var lastModifiedClient = "";
    126. 

  126. 						var fullUrl = "";
    127. 

  127. 						try
    128. 

  128. 						{
    129. 

  129. 						   if(lastModifiedServer)
    130. 

  130. 						      notifyUpdatedSource(lastModifiedClient, lastModifiedServer, fullUrl);
    131. 

  131. 						}
    132. 

  132. 						catch(e) {}
    133. 

  133. 					</script>
    134. 

  134. 					 
    135. 

  135.          </div>
    136. 

  136.       </div>
    137. 

  137.    </body>
    138. 

  138. </html> 
    139. 

  139.