Intalación de Angular6 (Debian9 y Windows 10)



Instalación de Angular 6 (Debian9)
(TODO DESDE CONSOLA)
1.Instalar nodejs
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs
2. Verificamos la versión de nodejs (Importante la versión debe ser superior a 6)
node -v
3. Instalar Typescript
npm install -g typescript@latest
4. Instalar Angular
npm install -g @angular/cli@latest
5. Verificar la vesión de angular

Instalación de Angular 6 (Windows 10)
1. Descargar e Instalar nodejs
https://nodejs.org/en/download/
(DESDE EL PUNTO 2 REALIZAR DESDE CONSOLA)
2. Verificamos la versión de nodejs (Importante la versión debe ser superior a 6)
node -v
3. Instalar Typescript
npm install -g typescript@latest
4. Instalar Angular
npm install -g @angular/cli@latest
5. Verificar la vesión de angular
$ ng -v

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 6.1.1
Node: 8.11.3
OS: win32 x64
Angular:
...

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.7.1
@angular-devkit/core         0.7.1
@angular-devkit/schematics   0.7.1
@schematics/angular          0.7.1
@schematics/update           0.7.1
rxjs                         6.2.2
typescript                   2.7.2

4. Instalar bootstrap en nuestra app
-  ng new proyectonuevo
-  cd proyectonuevo
$ npm install bootstrap
npm WARN bootstrap@4.1.3 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ bootstrap@4.1.3
added 1 package in 9.987s

- editar el archivo angular.js
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.css",
"node_modules/font-awesome/css/font-awesome.css",
"src/styles.css"
],
-  ng serve

5. Instalar font-awesome en nuestra app

$ npm install font-awesome
npm WARN bootstrap@4.1.3 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap@4.1.3 requires a peer of popper.js@^1.14.3 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ font-awesome@4.7.0
added 1 package in 9.559s


- editar el archivo angular.js

"styles": [
"node_modules/bootstrap/dist/css/bootstrap.css",
"node_modules/font-awesome/css/font-awesome.css",
"src/styles.css"
],



 

Comentarios

Publicar un comentario

Entradas populares de este blog

ScriptCase

Imagen
Borrar de una version trial el mensaje  esto ya en una proy. publicado" Created by Scriptcase trial version for evaluation purposes only. " - En los formularios de tipo "Una Linea"      buscar y editar el archivo _form0.php la siguiente sentencia php         echo $sOBContents;     dejar de la siguiente forma esta sentencia        //echo $sOBContents; - En los formularios de tipo "grid view editable" en la ventana de edicion de datos que desprende la opcion editar fila      buscar y editar el archivo _inline_form0.php la siguiente sentencia php        echo $sOBContents;     dejar de la siguiente forma esta sentencia        //echo $sOBContents;      - En los grid's   buscar y editar el archivo grid_nombredelgrid.php en mi caso (grid_Snotificado.php) la siguiente sentencia p...
Leer más

Configurar adminlte + yii2

1. Crear el proyecto:   composer create-project yiisoft/yii2-app-basic prueba 2. ingresar al directorio prueba 3. instalar el tema adminlte composer require dmstr/yii2-adminlte-asset "^2.1" 4. inicialmente nos pediran un token to retrieve a token. It will be stored in "/home/usuario/.config/composer/auth.json" for future use by Composer. Token (hidden): 4.1. Generar un token en github para yii2-adminlte-asset(tickear todas las opciones) pueden usar el siguiente tocken: f678b38edb9619552c3ae1e8f46e7855f2e0b7d5
Leer más
REPORTES PDF USANDO LA LIBRERIA FPDF EN SCRIPTCASE 1.  Agregar a la biblioteca la librería  que permite realizar la tabla dinámica que permite hacer la tabla dinámica, este código lo encontré en la pag.    http://www.fpdf.org/ en la parte escripts el ejemplo que dice “Table whith Multicells” Para importar la librería herramientas->bibliotecas->nuevo  esto nos abre una pag. en blanco  ahí copiamos el código que esta la pag. de fpdf  ojo que aquellos que vean el código verán que requiere de la librería fpdf require('fpdf.php'); class PDF_MC_Table extends FPDF { var $widths; var $aligns; function SetWidths($w) {     //Set the array of column widths     $this->widths=$w; } ……………………….  Si copiamos tal cual, no saldrá un error ya que no es la forma de llamar a una librería en sc, entonces lo que haremos es modificar el código  de la siguiente manera define("FPDF_...
Leer más