1
00:00:00,120 --> 00:00:01,860
Vamos a comenzar con el editor Atom.

2
00:00:01,950 --> 00:00:05,820
La idea en esta nueva clase es aprender lo básico del editor.

3
00:00:05,940 --> 00:00:11,100
Por ejemplo, instalar algunos paquetes, un РАМКАХ que son importante para el curso, para trabajar

4
00:00:11,100 --> 00:00:13,560
con Angular, para trabajar con VOSTRA.

5
00:00:13,920 --> 00:00:20,910
En fin, son herramientas que nos permiten facilitar el escribir código, autocompletar, detectar errores,

6
00:00:21,030 --> 00:00:22,080
un montón de cosas.

7
00:00:22,290 --> 00:00:26,400
Entonces vamos a partir con instalando un paquete, un package.

8
00:00:26,880 --> 00:00:27,570
Hacemos clic.

9
00:00:27,720 --> 00:00:30,810
Instala package, abrir instalador.

10
00:00:31,900 --> 00:00:34,840
Y acá en el buscador vamos a tipear angulas.

11
00:00:36,340 --> 00:00:40,780
Acá empecé a buscar y vamos a buscar un paquete en particular Angular 2.

12
00:00:40,810 --> 00:00:42,160
Ta escribe Snippet.

13
00:00:42,400 --> 00:00:43,750
Acá lo vamos a instalar.

14
00:00:44,140 --> 00:00:45,490
Hacemos un clic en Install.

15
00:00:47,180 --> 00:00:51,740
Y acá muestra un error, un error, este error no debería aparecer.

16
00:00:51,770 --> 00:00:57,440
Pero igual se puede instalar en caso de que aparezca este tipo de errores, que lo más probable es que

17
00:00:57,440 --> 00:00:57,950
sea un bug.

18
00:00:58,100 --> 00:01:03,860
Vamos a instalar como segunda opción a través de consola, entonces nos vamos al terminal siempre con

19
00:01:03,860 --> 00:01:07,810
permiso de administrador, con sudo, con sudo.

20
00:01:07,880 --> 00:01:13,880
En caso de Linux o Macintosh y Windows con clic derecho y ejecutar como administrador, entonces nos

21
00:01:13,880 --> 00:01:14,960
vamos al terminal.

22
00:01:17,330 --> 00:01:28,940
Y escribimos a p.m: de autom рамках manager a p.m: instal angular guión 2 Guión Transcript Guión Snippets.

23
00:01:29,570 --> 00:01:32,750
Ahí lo tienen para que lo copian y entes no sé.

24
00:01:32,840 --> 00:01:39,050
Esa sería la forma de instalar el paquete a través de consola, que sería exactamente lo mismo.

25
00:01:39,490 --> 00:01:42,770
Ahí terminó, sin problemas, sin error, que será exactamente lo mismo.

26
00:01:43,050 --> 00:01:49,040
Entonces acá volvemos a buscar, cerramos el error, buscamos de nuevo por Angular y va a estar instalado.

27
00:01:49,190 --> 00:01:50,000
Acá lo tenemos.

28
00:01:50,240 --> 00:01:51,350
Ya está instalado.

29
00:01:51,500 --> 00:01:54,440
Ese sería el primer paquete que tenemos que instalar.

30
00:01:55,100 --> 00:01:56,600
Ahora nos vamos a ta inscrip.

31
00:01:58,670 --> 00:02:06,560
Buscamos y vamos a instalar el Atom esta descrip y hacemos clic en Instalar justamente el primero de

32
00:02:06,590 --> 00:02:13,210
tips tronco se demora un poco porque lo tiene que descargar, instalar, desempaquetar, en fin.

33
00:02:16,330 --> 00:02:18,970
Y este paquete lo instaló perfecto, sin ningún problema.

34
00:02:19,390 --> 00:02:21,400
Ahora nos vamos a ir a Vostra.

35
00:02:25,000 --> 00:02:27,640
Vamos a instalar el autom vostra 3.

36
00:02:27,850 --> 00:02:34,090
Acá tenemos para autocompletar y también snippets, que son atajos para crear componentes rápidos.

37
00:02:34,630 --> 00:02:38,980
Instalar también vamos a instalar el Atom Bootstrap 4.

38
00:02:40,830 --> 00:02:44,370
Y también como instalar el be corta botella 4.

39
00:02:46,850 --> 00:02:57,170
Ahora vamos a buscar por Plat fornia Plat for bio, que es un terminal, es justamente un terminal dentro

40
00:02:57,230 --> 00:03:03,560
de Atton para poder, para poder, por ejemplo, crear componentes de Angular para levantar y hacer

41
00:03:03,560 --> 00:03:05,120
el display del server.

42
00:03:05,270 --> 00:03:10,160
Es bastante importante tenerlo instalado entonces plafón mio y IDE terminal.

43
00:03:11,240 --> 00:03:11,990
Lo instalamos.

44
00:03:15,290 --> 00:03:24,530
Perfecto, ahora vamos a instalar el foil icons, que básicamente nos decora con algún icono según el

45
00:03:24,530 --> 00:03:27,260
tipo de archivo, entonces instalar.

46
00:03:28,570 --> 00:03:34,300
También es importante para poder diferenciar de forma visual los diferentes tipo de archivo.

47
00:03:34,450 --> 00:03:39,880
Detalle script javascript hojas de estilo html archivo Jaison de configuración.

48
00:03:42,350 --> 00:03:49,340
Perfecto, ahí terminó la instalación y opcionalmente también podemos instalar M.T otro plugins para

49
00:03:49,340 --> 00:03:52,130
trabajar con este tml para autocompletar snippets.

50
00:03:55,590 --> 00:03:57,810
Pero esto es completamente opcional.

51
00:03:57,960 --> 00:04:04,530
Es un payin esencial para trabajar en web para todo lo que este tml 5 me permite crear contenedores,

52
00:04:04,530 --> 00:04:05,580
dir varias cosas.

53
00:04:08,360 --> 00:04:15,560
Bien, y con eso tenemos también el mini map, un mapa también nocional, un mapa de nuestro código.

54
00:04:18,290 --> 00:04:21,550
Eso serían los рамках más importantes que tenemos que tener instalada.

55
00:04:21,680 --> 00:04:23,240
Bien, lo siguiente.

56
00:04:23,720 --> 00:04:25,550
Acá tenemos escoger un tema.

57
00:04:25,940 --> 00:04:33,290
Nos vamos abrir una selección de tema y acá tenemos para el user interface y para la sintaxis, para

58
00:04:33,290 --> 00:04:33,770
el código.

59
00:04:34,070 --> 00:04:40,310
Me gusta el diseño que está por defecto o ándar o Antarc, pero acá pueden seleccionar el que quieran

60
00:04:40,700 --> 00:04:44,960
acá para la sintaxis del código y para él.

61
00:04:45,050 --> 00:04:45,440
IDE.

62
00:04:46,380 --> 00:04:47,220
Para el auto?

63
00:04:47,430 --> 00:04:48,120
Para el editor.

64
00:04:48,660 --> 00:04:51,510
Así que ahí pueden seleccionar y pueden jugar un poco.

65
00:04:51,600 --> 00:04:53,190
Cuál le acomoda visualmente?

66
00:04:53,460 --> 00:04:57,480
A mí me gusta más los colores oscuro, ya que no daña tanto la vista.

67
00:04:57,630 --> 00:05:00,480
Es mucho más liviano trabajar con estos tipos de colores.

68
00:05:00,720 --> 00:05:04,050
Lo siguiente sería cómo ocultar el menú?

69
00:05:04,140 --> 00:05:06,030
Cómo habilitar y ocultar el menú?

70
00:05:06,300 --> 00:05:08,940
Entonces, por ejemplo, si nos vamos a view.

71
00:05:10,100 --> 00:05:12,440
Nos vamos a Google Menu Bar.

72
00:05:13,490 --> 00:05:20,480
Ahí se esconde, se esconde y tenemos una pantalla un poco más completa, pero con la tecla Alt lo podemos

73
00:05:20,600 --> 00:05:24,320
volver a habilitar, pero se esconde de forma automática.

74
00:05:24,740 --> 00:05:32,900
Es solamente alt para habilitar, buscar algo o hacer clic en algún item del menú y luego desaparece.

75
00:05:33,050 --> 00:05:40,860
Ahora, si queremos volver a dejar la forma estática Alt View y volvemos a hacer clic en Google.

76
00:05:40,880 --> 00:05:44,050
Menú bar de aquí de forma estática.

77
00:05:44,180 --> 00:05:45,110
Eso sería todo.

78
00:05:45,230 --> 00:05:50,180
Así que nos vamos a РАМКАХ y acá vamos a ver todos los package que ya tenemos instalado.

79
00:05:50,210 --> 00:05:55,730
Entonces tenemos angular 2 TypeScript Snippets autom vostra 3 autom.

80
00:05:55,730 --> 00:05:57,620
Vostra 4 autom.

81
00:05:57,650 --> 00:06:05,930
Thays Scrip M.T Fit Icons minen map plataforma zio y terminal y ve corta vostra 4.

82
00:06:06,230 --> 00:06:12,320
Y además tenemos un montón de рамках del core que son del IDE que ya vienen por defecto.

83
00:06:13,400 --> 00:06:21,170
Mínimo necesario para trabajar, entonces en la próxima clase vamos a crear un proyecto desde cero utilizando

84
00:06:21,230 --> 00:06:21,860
angula.

85
00:06:21,950 --> 00:06:25,580
Si elige la consola de Angular quedabamos hasta acá, hasta la próxima.