Diferencia entre revisiones de «Usuario:Juanda/bootstrap/Themes»
De WikiEducator
< Usuario:Juanda | bootstrap
| Línea 15: | Línea 15: | ||
*[http://gruntjs.com/ Grunt], gestor de tareas de javascript] | *[http://gruntjs.com/ Grunt], gestor de tareas de javascript] | ||
*Conocimiento básico de [http://lesscss.org/ less] | *Conocimiento básico de [http://lesscss.org/ less] | ||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| − | === | + | === Instalación de nodejs === |
| − | * | + | *La versión de nodejs que viene en la distribución de Ubuntu 12.04 es un poco antigua y de problemas. |
| − | * | + | *Descargamos la última versión [www.nodejs.org desde la web de nodejs]. |
| + | *Se descomprime y lo compilamos: | ||
| + | <source lang="bash"> | ||
| + | ./configure | ||
| + | ./make | ||
| + | sudo make install | ||
| + | </source> | ||
| + | |||
| + | *Comprobamos que la instalación ha ido bien: | ||
| + | <source lang="bash"> | ||
| + | root@juandapc:/home/juanda/Descargas# which node | ||
| + | /usr/local/bin/node | ||
| + | root@juandapc:/home/juanda/Descargas# node --version | ||
| + | v0.10.26 | ||
| + | </source> | ||
| + | |||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| − | === | + | ===Bower=== |
| − | * | + | *npm es el gestor de paquetes que utiliza nodejs. |
| − | + | *Bower es otro gestor de paquetes para el frontend (los llaman componentes). | |
| + | *¿Por qué utilizar dos gestores de paquetes? | ||
| + | - El primero se utilizará solo para paquetes javascript (se guardarán como módulos y se configurarán en el fichero package.js) | ||
| + | - Bower se utiliza también para html o css. Hablamos en este caso de componentes en vez de paquetes. El fichero de configuración es bower.json. | ||
| + | |||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
| − | === | + | ===Instalaciones mediante npm=== |
| − | * | + | *Mediante npm instalaremos paquetes que necesitamos |
| − | * | + | *Los instalaremos con la opción -g (globales para todo nuestro sistema Linux): |
| − | * | + | <source lang="bash"> |
| + | root@juandapc:/home/juanda# npm install -g bower | ||
| + | root@juandapc:/home/juanda# npm install -g grunt-cli | ||
| + | root@juandapc:/home/juanda# npm install -g bower | ||
| + | </source> | ||
| + | |||
| + | *En cada instalación vemos como se consulta el registro de npm para la descarga de los ficheros. | ||
| + | *Los ficheros se instalan en los directorios genéricos, ver trazas de ejemplo: | ||
| + | <source lang="bash"> | ||
| + | npm http 200 https://registry.npmjs.org/punycode | ||
| + | npm http GET https://registry.npmjs.org/punycode/-/punycode-1.2.4.tgz | ||
| + | npm http 304 https://registry.npmjs.org/delayed-stream/0.0.5 | ||
| + | npm http 304 https://registry.npmjs.org/sntp | ||
| + | npm http 200 https://registry.npmjs.org/punycode/-/punycode-1.2.4.tgz | ||
| + | /usr/local/bin/lessc -> /usr/local/lib/node_modules/less/bin/lessc | ||
| + | less@1.6.3 /usr/local/lib/node_modules/less | ||
| + | ├── mime@1.2.11 | ||
| + | ├── mkdirp@0.3.5 | ||
| + | ├── source-map@0.1.32 (amdefine@0.1.0) | ||
| + | ├── clean-css@2.0.8 (commander@2.0.0) | ||
| + | └── request@2.34.0 (json-stringify-safe@5.0.0, forever-agent@0.5.2, qs@0.6.6, aw | ||
| + | s-sign2@0.5.0, tunnel-agent@0.3.0, oauth-sign@0.3.0, node-uuid@1.4.1, http-signa | ||
| + | ture@0.10.0, form-data@0.1.2, hawk@1.0.0, tough-cookie@0.12.1) | ||
| + | </source> | ||
</div> | </div> | ||
Revisión de 10:10 24 feb 2014
Bower
- Es un gestor de paquetes de Front End.
- Depende de nodejs y de npm (node package manager).
sudo apt-get install npm
