View
386
Download
2
Embed Size (px)
Citation preview
Aptana Studio 3
IDE
Aptana Studio 3
● Aptana studio 3 es considerado un IDE.● Tiene un editor de código, depurador y scripts.● Maneja proyectos y páginas individuales● Es completamente gratuito● Está basado en el estándar Eclipse
Aptana Studio 3
● Fue adquirido por Appcelerator (Titanium)● Es multilenguaje y multiplataforma● Soporta FTP, FTPS, SFTP y Capistrano● Manejo de terminal dentro del paquete
Aptana Studio 3
● Entra a http://www.aptana.com/● Selecciona Download● Te pide tu correo● Selecciona nuevamente Download
Aptana Studio 3
Instalación en Windows
Aptana Studio 3
● Entra a http://www.aptana.com/● Selecciona Download● Te pide tu correo● Selecciona nuevamente Download
Aptana Studio 3
● Si la computadora no tiene node.js, lo puede conseguir e instalarlo en:
● http://go.aptana.com/installer_nodejs_windows
Aptana Studio 3
La interface de trabajo
Aptana Studio 3
● En Aptana contamos con cuatro áreas de trabajo:○ La página de inicio○ El explorador de proyectos○ El outline y scripts○ El depurador y la consola
Aptana Studio 3
Crear un archivo nuevo
Aptana Studio 3
● En Aptana está centrado en el concepto de “proyecto”● Podemos crear archivos:
○ De texto plano○ Desde un formato o template
● También podemos modificar el template
Aptana Studio 3
Crear un proyecto
Aptana Studio 3
● Los proyectos son la base de Aptana y nos permite agrupar diferente tipo de archivos con un fin específico.
● Podemos hacer proyectos de PHP, Web, Ruby, entre otros.
● A partir de un proyecto, es más sencillo crear los archivos de diferente tipo, como javascript, html, css, php, etc.
Aptana Studio 3
Promover un proyecto
Aptana Studio 3
● Si tienes una carpeta en tu computadora con archivos web (html, js, php, css, etc.) puedes “promoverlos” como proyectos.
Aptana Studio 3
El panel de historia
Aptana Studio 3
● Cada vez que “guardas” un archivo, se queda una copia en la historia del mismo.
● Podemos recuperar elementos eliminados.● Solo se guarda en la historia los archivos, no lo
proyectos.● Si borras un archivo, puedes recuperarlo.
Aptana Studio 3
Propiedades del editor
Aptana Studio 3
● Debes de entrar a preferencias:○ Cambiar los archivo recientemente abiertos (General
> Appearance > editors).○ Cambiar el tema de Aptana (General > Appearance).○ Cambiar el tipo de fuente y colores (General >
Appearance > Colors & fonts)○ Modificar un tema (Aptana > Themes)
Aptana Studio 3
Manejar el área del editor
Aptana Studio 3
● Reacomodar los archivos● Ampliar el área del editor● Manejar los mensajes de error y de advertencia● Ligar el editor con el explorador de proyectos ● Previsualizar un archivo
Aptana Studio 3
● Mostrar los espacios en blanco● Selección de bloques ● Visualizar las ocurrencias de una cadena● Navegar entre la siguiente edición y la previa
Aptana Studio 3
Auto-complete
Aptana Studio 3
● La función “auto-complete” se conoce como “Content-Assist” en Aptana
● También se conoce como “statement complete”● Puedes modificar el Content Assist en preferencias.● Puedes utilizar ctrl+barra para llamar sugerencias.
Aptana Studio 3
Snippets
Aptana Studio 3
● Los snippets son líneas de código que son frecuentemente utilizadas en programación.
Aptana Studio 3
Task y Bookmarks
Aptana Studio 3
● Los “bookmarks” son marcas o recordatorios dentro de los programas.
● Las “task” son tareas que por realizar y tienen prioridades.
● Window > show view
Aptana Studio 3
La vista Outlines
Aptana Studio 3
● La vista de “outlines” nos permite ver documentos HTML, JavaScript, JSON, XML o CSS como nodos.
● Nos permite navegar en documentos complejos.
Aptana Studio 3
Manejo de los navegadores
Aptana Studio 3
● Podemos ejecutar o visualizar un archivo en un navegador por medio del botón “run” en la parte superior del panel.
● También podemos añadir o quitar navegadores instalados en nuestra computadora.
Aptana Studio 3
Subir archivos al servidor
Aptana Studio 3
● Por medio de la funcionalidad del ftp (file transfer protocol) o protocolo de transferencia, podemos subir los archivos trabajados con Aptana a un servidor Web.
● Utilizamos el botón derecho sobre el nombre del proyecto.