Herramientas de usuario
wiki2:webdev
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa | ||
|
wiki2:webdev [2016/07/20 13:51] alfred |
wiki2:webdev [2020/05/24 10:14] (actual) |
||
|---|---|---|---|
| Línea 11: | Línea 11: | ||
| <code> | <code> | ||
| $ npm install <module> --save-dev | $ npm install <module> --save-dev | ||
| + | </code> | ||
| + | |||
| + | ===== Gulp ===== | ||
| + | ==== Basic script (gulpfile.js) ==== | ||
| + | <code> | ||
| + | var gulp = require('gulp'); | ||
| + | |||
| + | gulp.task('default', function() { | ||
| + | // place code for your default task here | ||
| + | }); | ||
| + | </code> | ||
| + | Execute it: | ||
| + | <code> | ||
| + | $ gulp | ||
| + | </code> | ||
| + | If there was not a ''default'' but, for ex., ''deploy'': | ||
| + | <code> | ||
| + | $ gulp deploy | ||
| + | </code> | ||
| + | |||
| + | ==== Indicate src and dest folders ==== | ||
| + | <code> | ||
| + | var gulp = require('gulp') | ||
| + | |||
| + | gulp.task('deploy', function () { | ||
| + | return gulp.src('app/*.js') | ||
| + | .pipe(gulp.dest('dist')); | ||
| + | }); | ||
| + | </code> | ||
| + | |||
| + | :!: remember to return so there was another task which depended of this could use it | ||
| + | |||
| + | ==== Add another command to execute prior to the current ==== | ||
| + | <code> | ||
| + | gulp.task('deploy', ['prior-task1', 'prior-task2'], function () { ... | ||
| + | </code> | ||
| + | |||
| + | ===== Tools for web development ===== | ||
| + | |||
| + | ==== Automatically reload static pages ==== | ||
| + | * https://www.npmjs.com/package/reload | ||
| + | |||
| + | With reload installed you can do ''reload -b'' into your root path an it will automatically reload when some of its inner files change. | ||
| + | |||
| + | ==== Emmet ==== | ||
| + | === Forms === | ||
| + | |||
| + | <code> | ||
| + | form>input[type=text]+input[type=password]+submit | ||
| + | </code> | ||
| + | <code> | ||
| + | <form> | ||
| + | <input type="text"> | ||
| + | <input type="password"> | ||
| + | <submit></submit> | ||
| + | </form> | ||
| + | </code> | ||
| + | |||
| + | ===== Tips and notes ===== | ||
| + | ==== Test external authenticator ==== | ||
| + | You have to prepare one of your servers to accept a connection from the authenticator. | ||
| + | |||
| + | For example, in Caddy: | ||
| + | <code> | ||
| + | fok.surrealistic.xyz { | ||
| + | proxy / localhost:8000 | ||
| + | header / Strict-Transport-Security "15768000" | ||
| + | } | ||
| + | </code> | ||
| + | |||
| + | Or in Nginx: | ||
| + | <code> | ||
| + | </code> | ||
| + | |||
| + | Then you configure the authenticator to your url: ''https://fok.surrealistic.xyz/login'' | ||
| + | |||
| + | And add a tunnel to your server from your machine on the chosen port: | ||
| + | <code> | ||
| + | ssh -R "0.0.0.0:8000:0.0.0.0:8000" codi | ||
| </code> | </code> | ||
wiki2/webdev.1469022679.txt.gz · Última modificación: 2020/05/09 09:25 (editor externo)
Herramientas de la página
Excepto donde se indique lo contrario, el contenido de este wiki esta bajo la siguiente licencia: CC Attribution-Noncommercial-Share Alike 4.0 International
