# APW.UT1. Crear entorno de desarrollo ## Atom * Instalación * Plugins (l18n spanish, html preview, emmet, minimap, beautify, linter, htmlhint, Autoclose HTML, ide-html, w3c-validation) * Crear proyecto * [Validar código en w3c](https://validator.w3.org/nu/#textarea) ## Vagrant * Crear apuntes en wiki de uso de Vagrant * Instalación a partir de máquina suministrada. Preparar máquina y compartir en NAS * Máquina configurada con servidor web * Configurar /etc/hosts para acceder a la web por nombre - Enseñar uso de Vagrant ### Instalación/configuración ```bash= $ sudo apt install virtualbox vagrant $ vagrant box add ubuntu/bionic64 ``` Crear Vagrantfile ``` Vagrant.configure("2") do |config| config.vm.box = "ubuntu/bionic64" config.vm.network :public_network config.vm.synced_folder "./", "/var/www", owner: "www-data", group: "www-data" end ``` Comandos: ```bash= $ vagrant init ubuntu/bionic64 - Crea Vagrantfile plantilla $ vagrant up $ vagrant ssh $ vagrant halt $ vagrant suspend $ vagrant destroy ``` Copiar máquna ```bash= $ vagrant package # copiar a ubicación definitiva fichero mynew.box $ vagrant box add mynewbox mynew.box $ vagrant init mynewbox ``` ## Atom como editor * Instalación * [Descargar de la página oficial](https://atom.io/download/deb) * Preparar entorno (Edit->preferences->install) * atom-i18n -> settings -> spanish * atom-html-preview -> ctrl + shift+ h * emmet -> [chuleta emmet](https://docs.emmet.io/cheat-sheet/) * minimap * atom-beautify -> alt + ctrl + b | se aplica por defecto al guardar * linter + linter-htmlhint * autoclose * Cambiar tema apariencia + sintaxis * Extras * file-file-icons * Preferencias->editor->softwrap ## Recursos * [Configuración red en vagrant](https://www.vagrantup.com/docs/networking/public_network.html) * [Vagrant para crear servidor](https://linuxize.com/post/how-to-install-vagrant-on-ubuntu-18-04/) - vagrant box add generic/ubuntu1804 * [Copy Vagrant Box](https://www.dev-metal.com/copy-duplicate-vagrant-box/) * [Instalación de atom](https://www.linuxadictos.com/como-instalar-el-editor-de-codigo-atom-en-linux.html) ###### tags: `apw` `ut1` `actividad` `vagrant` `atom`