Forbered Ubuntu (eller en anden distro) til webudvikling

Ud over myter, overbevisninger eller den opfattelse, at GNU / Linux er kompliceret at bruge, anser jeg det for at være et fremragende operativsystem for dem, der er udviklere, især webudviklere.

Jeg har haft mulighed for at tale med mange mennesker, der foretrækker det OS X og endog Windows at udvikle, som de siger, på grund af dets lethed og dets værktøjer, og selvom det er en meget individuel opfattelse af hver person, tror jeg, at enhver GNU / Linux-distribution eller i det mindste de mest populære tilbyder alt, hvad du har brug for at installere og arbejde.

[quote] De mest populære distributioner tilbyder alle de nødvendige pakker i deres arkiver til en webudvikler. [/ quote]

Nu, om udviklingsspørgsmålet er der et dilemma, er en meget opdateret distribution ligesom Antergos eller en, der opretholder en balance mellem stabil og ajourført som Ubuntu?

Jeg satte et meget simpelt eksempel, mens jeg var i Ubuntu pålidelig den nyeste version af Netbeans er 7.0.1, in ArchLinux version 8.0.2 er tilgængelig. Den samme ting sker med NodeJS og andre pakker, som vi vil se nedenfor, og som er meget anvendte af FrontEnd.

Under alle omstændigheder er det alles beslutning at vælge fordelingen af ​​deres præference i henhold til det arbejde, der skal udføres. Til denne artikel starter vi fra en Ubuntu-installation, og da den er fokuseret på nye brugere, viser vi processen trin for trin.

Installer Ubuntu 14.04

Den første ting, vi vil gøre er at downloade Ubuntu-installationsbillede fra dets officielle hjemmeside. Linket nedenfor giver dig mulighed for at vælge, om du vil downloade en 32-bit eller 64-bit iso.

Download Ubuntu

Når vi har downloadet den, skal vi "brænde" en DVD med den downloadede iso eller forberede en Flash-hukommelse til at starte og installere fra den. I Windows kan vi gøre det ved at følge denne vejledning og på Mac denne anden. Når dette er gjort, genstarter vi pc'en og starter gennem hukommelsen eller dvd'en.

Ubuntu 14.04 installationstrin

Hvis du ikke er sikker på, hvordan du installerer Ubuntu uden at miste dine data, kan du installere dem ved hjælp af en virtuel maskine i VirtualBox eller sikkerhedskopiere alle dine data på et sikkert sted, hvis det er muligt, til en ekstern disk

Den første ting er at vælge det sprog, som vi vil installere Ubuntu med:

Ubuntu-udviklere

Senere vil vi se, om vi har alle de nødvendige krav til installationen:

Ubuntu_udvikling2

Senere går vi til partitionering af harddisken. Hvis du ikke har erfaring med dette, foretrækkes det, at du lader alt være som standard, når du har sikkerhedskopieret dine data.

Ubuntu_udvikling3

Vi vælger tidszonen:

Ubuntu_udvikling4

Vi vælger sprog på vores tastatur:

Ubuntu_udvikling5

Vi definerer vores brugernavn, navnet på vores computer, vores adgangskode:

Ubuntu_udvikling6

Og vi venter på, at den er færdig:

Ubuntu_udvikling7

Når installationsprogrammet er færdigt, genstarter vi computeren og går ind i vores session. Vi kan køre Update Manager eller åbne en terminal og sætte:

$ sudo apt update && sudo apt upgrade

Og hvis der ikke er noget at opdatere, kan vi starte.

Forbereder vores arbejdsområde til test

Så som vi er udviklere, vil vi kun fokusere på det, vi ved, hvordan man gør: udvikle. Vi er ikke interesserede i at vide, hvordan vi konfigurerer en webserver, eller hvordan en database fungerer, vi vil bare have noget, der fungerer og er let at implementere for at begynde at skrive kode.

Hvis vi kun skulle skrive i HTML, CSS, JS, ville alt være enklere, men nogle gange skal vi have en testserver til kode i PHP, Ruby, DJango osv. Derfor anbefales det oprette vores egen webserver. Heldigvis for os har vi denne facilitet på to forskellige måder:

  1. Brug af installationsprogrammet XAMPP hvad giver os Apache.
  2. ved hjælp af LAMPE Bitnami.

Installation af Bitnami

LAMP-installationen via Bitnami vi så det allerede i en tidligere artikel er det derfor ikke nødvendigt at behandle det i denne artikel. Når Bitnami er installeret, kan vi administrere vores testserver via webbrowseren.

BitNami

Al den nødvendige dokumentation om, hvordan Bitnami fungerer, kan findes på hans wiki.

XAMPP Installation

XAMPP-installationsprogrammet kommer også fra Bitnami, men installationsprocessen er lidt anderledes, så vi gennemgår det trin for trin. Den første ting er naturligvis at downloade den fil, der interesserer os i henhold til arkitekturen i vores processor:

XAMPP 32 bit
XAMPP 64 bit

Når det er downloadet, åbner vi en terminal og får adgang til den mappe, hvor filen er, som vi giver eksekveringstilladelser til. I tilfælde af 64-bit-filen ville det være:

$ sudo chmod a+x xampp-linux-x64-5.5.19-0-installer.run

Nu i den samme terminal udfører vi den:

$ sudo ./xampp-linux-x64-5.5.19-0-installer.run

Og vi følger følgende trin.

Det tilrådes at acceptere alt som det kommer som standard, for dette behøver vi kun at give Indtast

XAMPP

I det forrige billede spurgte det os, om vi ville installere filerne til udviklere og i det senere, om vi er enige i det valg, vi valgte.

xampp1

Nu beder det os om stien, hvor vi vil installere (som standard er det i / opt / lampp), og selvom vi kan ændre det, anbefaler jeg at lade det være som det er.

xampp2

Endnu et kontroltrin inden installationen påbegyndes

xampp3

Installation af XAMPP

xampp5

Installationen afsluttet.

xampp6

For at starte XAMPP skal vi bare udføre:

$ sudo / opt / lampp / lampp start Start af XAMPP til Linux 5.5.19-0 ... XAMPP: Start af Apache ... ok. XAMPP: Start af MySQL ... ok. XAMPP: Start af ProFTPD ... ok.

Og på denne måde har vi allerede vores Apache + MySQL + PHP + Perl-server kørende. Hvis du har et problem, anbefaler jeg, at du besøger det FAQ.

Brugerdefineret DNS og virtuel vært med XAMPP

Forudsat at vi har flere steder hostet på vores testserver, kan vi indstille hver af dem til at blive vist lokalt i filen / Etc / hosts. Lad os tage et eksempel, lad os sige, at vi har webstedet dev.tests.com, hvad vi gør er at åbne filen / Etc / hosts med vores foretrukne teksteditor (og som rod) og tilføj den som følger:

$ sudo vim /etc/hosts

og vi tilføjer linjen:

127.0.0.1   dev.prueba.com

Men det er selvfølgelig ikke nok, fordi vi er nødt til at fortælle Apache, at når nogen anmoder om det dev.test.com For 127.0.0.1 skal du returnere vores testside.

Vi redigerer filen /opt/lampp/etc/httpd.conf

$ sudo vim /opt/lampp/etc/httpd.conf

og vi kommenterer (fjerner pundtegnet) linjen der siger:

# Include etc/extra/httpd-vhosts.conf

og vi lader det være sådan her:

Include etc/extra/httpd-vhosts.conf

Nu går vi til filen /opt/lampp/etc/extra/httpd-vhosts.conf som skulle have noget som dette:

# brug kun navne-baserede virtuelle værter, så serveren ikke behøver at bekymre sig om # IP-adresser. Dette fremgår af stjernerne i nedenstående direktiver. # # Se dokumentationen på # # for yderligere detaljer, før du prøver at konfigurere virtuelle værter. # # Du kan bruge kommandolinjemuligheden '-S' til at bekræfte din virtuelle vært # -konfiguration. # # VirtualHost-eksempel: # Næsten ethvert Apache-direktiv kan gå ind i en VirtualHost-container. # Den første VirtualHost-sektion bruges til alle anmodninger, der ikke # matcher et Servernavn eller ServerAlias ​​i nogen blok. # ServerAdmin webmaster@dummy-host.example.com DocumentRoot "/opt/lampp/docs/dummy-host.example.com" ServerName dummy-host.example.com ServerAlias ​​www.dummy-host.example.com ErrorLog "logs / dummy -host.example.com-error_log "CustomLog" -logfiler / dummy-host.example.com-access_log "fælles ServerAdmin webmaster@dummy-host2.4.example.com DocumentRoot "/opt/lampp/docs/dummy-host80.example.com" ServerName dummy-host80.example.com ErrorLog "logs / dummy-host2.example.com-error_log" CustomLog "logs / dummy-host2.example.com-access_log" fælles

Vi ændrer det og lader det være sådan:

# brug kun navne-baserede virtuelle værter, så serveren ikke behøver at bekymre sig om # IP-adresser. Dette fremgår af stjernerne i nedenstående direktiver. # # Se dokumentationen på # # for yderligere detaljer, før du prøver at konfigurere virtuelle værter. # # Du kan bruge kommandolinjemuligheden '-S' til at bekræfte din virtuelle vært # -konfiguration. # # VirtualHost-eksempel: # Næsten ethvert Apache-direktiv kan gå ind i en VirtualHost-container. # Den første VirtualHost-sektion bruges til alle anmodninger, der ikke # matcher et Servernavn eller ServerAlias ​​i nogen blok. # DocumentRoot "/ hjem / sti / mappe / projekt /" Servernavn my_blog.dev Kræv alle tildelte

Det er klart, at stien til vores projektmappe skal specificeres, når den udskiftes "/ Hjem / sti / mappe / projekt /".

Manuel LAMP Installation

Nu, selvom det måske ikke ser ud som det, synes jeg det er mere besværligt at udføre installationen på den foregående måde end at installere pakkerne direkte fra vores arkiver. For at have den samme stak på vores pc skal vi bare åbne en terminal og sætte:

$ sudo apt install apache2 mysql-server-5.5 phpmyadmin

Kun med disse 3 pakker installeres de nødvendige afhængigheder for at begynde at arbejde med det nødvendige minimum, når der udvikles.

Brugerdefineret DNS og virtuel vært med LAMP

På den del af DNS (Domain Name Server) holder vi alt det samme, dvs. vi tilføjer navnene på vores testwebsteder i filen / Etc / hosts. I tilfælde af Apache er stien til VHost (Virtual Hosts) anderledes.

Normalt er det, der gøres, at placere det, vi lægger i filen /opt/lampp/etc/extra/httpd-vhosts.conf i ruten /etc/apache2/sites-available/vhostname.conf, og derefter oprettes et symbolsk link til den fil i mappen / etc / apache2 / sites-aktiverede / men vi kommer ikke til at komplicere. Vi lægger filen direkte i / etc / apache2 / sites-aktiverede / med følgende konfiguration:

$ sudo vim /etc/apache2/sites-enabled/dev.pruebe.com.conf DocumentRoot "/ hjem / sti / mappe / projekt /" Servernavn my_blog.dev Kræv alle tildelte

Jeg synes, det er gyldigt at præcisere, at når vi installerer manuelt, er standardstien til webstedsmapperne / var / www / http /.

NodeJS og Ruby installation

Hvis vi bruger NodeJS o Rubin (i stedet for PHP og Perl) kan vi installere pakkerne manuelt ved at udføre dem i konsollen:

$ sudo apt install nodejs ruby

Og hvis de har brug for flere pakker, skal de bare søge efter det ved at køre pakkehåndteringen eller i konsollen:

$ sudo apt search paquete a buscar

Indtil denne del har vi allerede server-side-delen klar til vores sandkasse, lad os nu se nogle af de applikationer, som vi kan bruge.

Webudviklingsværktøjer

I arkiverne har vi nogle applikationer, der giver os mulighed for at arbejde komfortabelt, når det kommer til HTML, CSS, JS og andre. Blandt dem har vi:

  • Bluefish
  • Geany
  • gedit
  • Kate

være Blåfisk (efter min mening) den mest komplette, når det kommer til arbejde FrontEnd, men jeg anbefaler at installere tredjepartsapplikationer, der tilbyder os meget mere funktionalitet. Vi har for eksempel Beslag, Sublim tekst o Komodo-Edit. Alle disse applikationer har deres egen installationspakke til Ubuntu undtagen Komodo-Edit, som kun skal pakkes ud og en .sh-fil køres.

(… under behandling …)


Efterlad din kommentar

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *

*

*

  1. Ansvarlig for dataene: Miguel Ángel Gatón
  2. Formålet med dataene: Control SPAM, management af kommentarer.
  3. Legitimering: Dit samtykke
  4. Kommunikation af dataene: Dataene vil ikke blive kommunikeret til tredjemand, undtagen ved juridisk forpligtelse.
  5. Datalagring: Database hostet af Occentus Networks (EU)
  6. Rettigheder: Du kan til enhver tid begrænse, gendanne og slette dine oplysninger.

  1.   djæger sagde han

    Ser nogen andre et spøgelsesflagermus i gedebilledet fra denne version af ubuntu?

    1.    Elav sagde han

      Hahaha det er sandt .. ser kun på det orange skæg og mundingen i næsen 😀

    2.    Ivan Barra sagde han

      Nu hvor du nævner det ... det hedder "Pareidolia."

      Om hvilke distroer der skal vælges, når programmering er ret kompliceret. "Tidligere" blev det udviklet til et par browsere og voila, fordi udviklingen var meget langsommere. I dag er der et uendeligt antal browsere og platforme, hvorpå man kan udvikle WEB-applikationer, kald det ASP.Net, PHP, JAVA osv. hvor applikationerne er meget mere tværgående, mener jeg med dette, at de ikke kun er tilgængelige fra typiske stationære eller bærbare computere, men de er allerede færdige (og den samme funktionalitet er ønsket) fra en tablet, mobil osv.

      Jeg mener, at det i dag er nødvendigt at være på forkant og først og fremmest sikre applikationernes stabilitet og sikkerhed. I den forstand er jeg paranoid, det koster mig stadig meget at udføre, for eksempel en banktransaktion fra anden enhed, der ikke er min Mange gange håber jeg at komme i sikkerhed i mit hjem for at gøre det, selvom det lyder ulogisk.

      Den anden. Lad os være ærlige: det er velkendt, at de fleste programmører (i det mindste dem, jeg kender), uanset om de er web, JAVA, BB.DD osv., Mindst 80% bruger en Unix-platform til at programmere. Folk, der uden alle de værktøjer, der tilbydes på platformen, åbent og gratis, ville være meget komplicerede, når de bevæger sig fremad. Jeg kan også med sikkerhed sige, at næsten hele WEB-platformen eller BB.DD. det er monteret på en Unix-server, ville det derfor ikke være logisk for den anden del at arbejde på samme måde?

      Tak for deling og hilsner.

    3.    Batman sagde han

      Hold kæft ... jeg er Batman!

    4.    neysonv sagde han

      Ser ud som en ugle for mig lol

      1.    Elav sagde han

        Det er rigtigt .. her tænker vi det samme efter at have kigget igen

  2.   Hugo Santos sagde han

    Jeg er webudvikler hovedsageligt PHP, jeg har brugt Debian som mit arbejdsmiljø i flere år, som nævnt i indlægget, hvilken beslutning distro at bruge afhænger af hver person og i Linux-udviklingsområdet, hvis det giver en stor antal værktøjer, der gør livet lettere.

    Ligesom som en kommentar har jeg set mange steder, at nogle udviklere installerer XAMPP, LAMP og / eller lignende, i Linux er det ikke nødvendigt at gøre det, da vi husker, at apache er hjemmehørende i Linux, for eksempel installerer jeg kun apache2 og php5 på min Debian med den typiske (aptitude install apache2 php5) og voila, jeg behøver ikke længere gøre andet end at sætte mine projekter i / var / www

    1.    Elav sagde han

      Det er rigtigt, hvad der sker, jeg forsøgte at gøre det "let", selvom jeg i posten nævner de to metoder 😉

    2.    Tecno-Integra Automation sagde han

      Hilsen. Det virker fint for mig, at du installerer apache2 og php5, men jeg har lyst til, at du bliver nødt til at lægge mysql og også Hvordan konfigurerer du phpmyadmin? Tak skal du have.

  3.   Marcos_tux sagde han

    Lad os være ærlige, på trods af den indsats, Dreamweaver går over alle disse programmer, er det en skam, men i Linux har vi ikke noget på højden af ​​dette Adobe-program.

    1.    eliotime3000 sagde han

      Ja der er (godt, delvist), det hedder Brackets og det overvejer også Vim og Emacs. : v

    2.    Den dumpster kaldet Dreamweaver sagde han

      At sætte skrald i koden går naturligvis Dreamweaver forbi alle

    3.    Hernán sagde han

      Dreamweaver er mere for designere end programmører, for folk der arbejder med kode er det for besværligt og langsomt. Det er meget mere behageligt at bruge et program som sublim tekst, parenteser eller webStorm / phpStorm. De gange, jeg brugte Dreamweaver, havde jeg problemer, efter at have efterladt min kode klar, gik jeg til designtilstand, hvor hvis jeg satte et punkt eller flyttede noget, tager Dreamweaver sig af at adskille min kode, der var så pæn. For ikke at sige, at det er betaling. Jeg har designervenner, og for dem er det fantastisk, da de kan lave en side uden at skrive en eneste linje kode.

      1.    Edward sagde han

        breamweaver Hahaha, det lærer jeg aldrig, hvis du lærer at klippe

    4.    KZKG ^ Gaara sagde han

      Dreamwho?… Baff, kammerat, Artisteer, Dreamweaver, alle disse er ren lort, undskyld at sige det, men det er sandheden.

      De sætter syv hundrede linjer affaldskode, mange tags eller mål, der ikke er nødvendige osv. Osv. Osv.

      Beslag, sublim, med nogen af ​​disse er mere end nok til at udføre ethvert CSS-job.

    5.    kdexneo sagde han

      Aptana Studio 3 meget bedre end Dreamweaver.

    6.    Elav sagde han

      Hvad sagde du? Dreamweaver? Og sååå queee essss?

    7.    Sherpa 90 sagde han

      Forhåbentlig ser du al den affaldskode, der genererer dig ... dreamweaver er for IKKE-FAGLIGE, periode!

  4.   hazama sagde han

    Sensationelt indlæg, virkelig
    Felicidades

    1.    Elav sagde han

      Tak 😉

  5.   Petercheco sagde han

    Din info er meget nyttig ... Tak. Skal du tilbage til Ubuntu / Debian-farvande?

    1.    KZKG ^ Gaara sagde han

      HAHA han holder altid plads i sit hjerte for Debian, men ... Ubuntu Jeg tror ikke det hehehe

      1.    Petercheco sagde han

        Du ved aldrig 😀 😀

    2.    Elav sagde han

      Selvom det aldrig skal siges ALDRIG, tror jeg virkelig ikke, jeg vil vende tilbage til Debian i lang, lang, lang tid.

  6.   Celsius sagde han

    Dårlig tomkat ingen vil have det.

    1.    Elav sagde han

      Hvem vil have Java? 😛

  7.   Gabriel sagde han

    Jeg synes, temaerne bliver forvirrede (igen), der er dig, der kun er designere, andre, der kun er programmører, der er begge, der er dem, der ser winbug "let", fordi de installerer næste og "alt klar" (antyder at de måske eller måske ikke arbejder med proprietær og / eller licenseret software), er der dem, der er lidt mere avancerede (og "modige") og også kender linux og normalt arbejder med de værktøjer, de finder imellem, og dermed en lang osv., som vi deler i denne blog, er ideen, at man udvikler sig på gnu-línux uanset distro, det er, og derfor bruges open source-værktøjer, det underliggende problem (tror jeg) er, at det afhænger af hver person, der er værktøjer, som vi ikke engang kender, men når vi vil lære, skal vi investere et par timer, indtil vi giver det, og hvis vi har det godt (uanset hvad andre synes), vil vi være glade !! (:

    1.    rlsalgueiro sagde han

      du kan også downloade versionen til php5.6.3
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-x64-5.6.3-0-installer.run
      http://downloads.sourceforge.net/project/xampp/XAMPP%20Linux/5.6.3/xampp-linux-5.6.3-0-installer.run
      Det afhænger af, hvad du udvikler eller den kompatibilitet, du har brug for, for at beholde version 5.5 Jeg installerer simpelthen de pakker, der er i repoen, og det er det, jeg har apache 2.4, php5.5.13 osv. Også de andre biblioteker som phpcs er lette at installere, er det klart, at jeg kan lide skallen, og jeg foretrækker at installere og konfigurere alle de ting, jeg kan.

      1.    rlsalgueiro sagde han

        Du har set dette projekt wpn-xm.org, det ville være interessant at opnå noget som dette til linux, siger jeg integreret, fordi jeg bruger nogle af disse værktøjer, og jeg er ked af at sige det på trods af dets store antal biblioteker, og at hostings er næsten alle monteret på Apache ændret til nginx. Jeg fandt wpn-xm på udkig efter alternativer til LAMP og XAMPP og godt for arbejdsmaskinen er utvivlsomt et godt alternativ. forresten undskyld for min tidligere kommentar til W $ + krom

  8.   Raul casari sagde han

    Dit bidrag er meget interessant, fortsæt med at udvikle det, det værdsættes

  9.   michael cardoza sagde han

    Hej, jeg er ny hos ubuntu, jeg har altid brugt windows, men jeg vil migrere til et linux-miljø ved hjælp af ubuntu, men når jeg vil oprette mapper eller placere filer i htdocs som i windows, tillader det ikke mig eller der er nogle ting, jeg kunne gøre i windows, men i Ubuntu kan jeg ikke gøre det meget, eller det tillader mig ikke at foretage ændringer, hvis jeg bruger sublim til at oprette filer i htdocs, tillader det mig heller ikke , hvis du kan hjælpe mig, ville jeg sætte pris på det.

  10.   Mont sagde han

    Kan nogen hjælpe mig?
    For mange år siden lavede jeg et lille webdesignkursus, og jeg elskede det, og selvom de gav mig programmerne til windows, lod de mig aldrig installere dem.
    For et par måneder siden var jeg endelig i stand til at skifte til Linux Ubuntu, og jeg kan ikke finde nogen programmer
    Jeg husker, at jeg på kurset så tre programmer
    Dreamweaver, Flash MX og en anden, der var til retouchering af fotos, men jeg kan ikke huske navnet.
    Kunne du angive downloadwebsteder eller ruter for at installere det svarende til det, jeg så på kurset?
    hilsener
    Tak.