Instalación de NodeJS

Instalacin de NodeJS, AngularJS (y
Bootstrap) en Windows
Nos instalamos NodeJS desde su web oficial nodejs.org, haciendo clic en el

botn INSTALL. Se descargar un fichero MSI que deberemos instalar en nuestro
Windows.
Una vez instalado, nos aseguraremos que se ha instalado correctamente, para
ello buscaremos en el botn de inicio de Windows, una nueva carpeta llamada
NodeJS, y ah haremos clic en Node.js command prompt. Escribiremos:
node -v
Y deberemos ver la versin de NodeJS que acabamos de instalar.
Hasta aqu tenemos instalado correctamente NodeJS en nuestro sistema
operativo Windows.
Para nuestra prueba, adems instalaremos los mdulos connect y servestatic de NodeJS, para podernos hacer un simple servidor web en NodeJS.
Para ello, desde la ventana previa abierta usando Node.js command prompt
escribiremos:
npm
install-g connect
npm install-g serve-static

Con esto (deberamos) haber terminado la instalacin de NodeJS.
Ahora pasamos a descargarnos AngularJS, para ello vamos a su web oficial y
pulsamos el botn Download, esto nos abrir un popup, donde volveremos a
pulsar Download y se nos descargar un fichero angular.js.
Lo siguiente es descargar Bootstrap de su web oficial, por su simpleza y
distintas posibilidades de descarga no voy a entrar en detalles de como se
descarga, nicamente, al final de la descarga, deberemos tener los ficheros:
bootstrap.css y bootstrap-theme.css.
Hasta este momento hemos descargado todo lo que nos hace falta, y tenemos
NodeJS instalado.
Lo siguiente que vamos hacer es crear un ejemplo que cargue todo, para ello nos
crearemos una carpeta nueva, por ejemplo c:\na, y ah nos crearemos un fichero
server.js con el siguiente contenido:
var connect = require(connect),

serveStatic = require(serve-static);
var app = connect();
app.use(serveStatic(.));
app.listen(5000);
Y desde la consola abierta usando Node.js command prompt escribimos:
c:
cd c:\na
node server.js
A partir de este momento tendremos un pequeo servidor NodeJS oyendo en el
puerto 5000.
En caso que nos muestre error de que no encuentra connect o serve-static,
deberemos hacer:
c:
cd c:\na
npm link connect
npm link serve-static
node server.js
Nos crearemos un nuevo directorio para nuestra prueba, en c:\na\e1, y dentro

coparemosangular.js, bootstrap.css y bootstrap-theme.css, crearemos un
nuevo fichero llamadoindex.html con el siguiente contenido:
<!DOCTYPE html>
<html ng-app>
<head>
<script src=angular.js></script>
<link href=bootstrap.css rel=stylesheet />
<link href=bootstrap-theme.css rel=stylesheet />
</head>
<body>
<div class=btn btn-default>{{AngularJS}}</div>
<div class=btn btn-success>Bootstrap</div>
</body>
</html>
Si abrimos un navegador y escribimos http://localhost:5000/e1 y vemos una

web simple con un botn bonito, y con la salvedad que a pesar de haber
escrito {{AngularJS}} vemosAngularJS significa que tenemos NodeJS +
AngularJS + Bootstrap correctamente instalados y listos para ser usados.
http://plnkr.co/edit/rTOfw9huI0eXTefmlhrW?p=preview
http://plnkr.co/edit/?p=catalogue
Para desarrollo de grid

Instalación de NodeJS

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Instalación de NodeJS

Загружено:

Авторское право:

Доступные форматы

Instalacin de NodeJS, AngularJS (y

Nos instalamos NodeJS desde su web oficial nodejs.org, haciendo clic en el

npm install-g serve-static

var connect = require(connect),

Nos crearemos un nuevo directorio para nuestra prueba, en c:\na\e1, y dentro

Si abrimos un navegador y escribimos http://localhost:5000/e1 y vemos una

Вам также может понравиться