Haakjes 1.1 wat is er nieuw na een tijdje tijd te hebben doorgebracht?

Weet je nog Beugels? in DesdeLinux we wijden verschillende artikelen naar deze teksteditor open source gepromoot door Adobe en zijn community, en dat sindsdien beetje bij beetje is geëvolueerd tot versie 1.1 met veel verbeteringen en functies. In dit artikel zullen we enkele ervan bespreken, maar laten we eerst enkele van de opties onthouden die ervoor zorgen dat Beugels iets anders.

Online bewerken met haakjes

Haakjes CSS Editor

Een van de meest interessante functies van Brackets is wat ik "Online bewerken" noem, dat bestaat uit het bewerken van de CSS-eigenschappen van een bestaande HTML-tag, of het maken van een nieuwe, vanuit het bestand zelf. . Html zonder het stylesheet-bestand te hoeven openen. We hoeven alleen maar de cursor op het overeenkomstige label te plaatsen en op te drukken Ctrl + E.

Bekijk elementen, kleuren en afbeeldingen tussen haakjes

Brackets_Image

Met haakjes kunnen we de afbeeldingen visualiseren die we linken in onze html-code of de kleur van een eigenschap in het .css-bestand zoals te zien in de vorige afbeelding. Bovendien heb je de mogelijkheid om de wijzigingen die we opslaan in ons html-bestand te zien Google Chrome automatisch, zonder de pagina opnieuw te laden.

Dit waren enkele van de coolste functies van Brackets toen, maar er komen nu nieuwe aan.

Gesplitste weergave tussen haakjes

Beugels

Nu kunnen we comfortabeler werken met twee bestanden tegelijkertijd die de editorweergave zowel verticaal als horizontaal verdelen. Het bevat standaard ondersteuning voor thema's en stelt ons in staat om het lettertype en de grootte ervan te selecteren.

Extensies, veel extensies tussen haakjes

Als er iets is waarin Brackets veel is verbeterd (dankzij de Community), staat het in de lijst met beschikbare extensies, waarvan er vele van uitstekende kwaliteit zijn.

Brackets_Extensions

Ik gebruik een aantal zeer interessante zoals:

  • Mooi maken: Om JS-, CSS- en HTML-code te verfraaien
  • Bootstrap 3 skelet: Om een ​​Boostrap-ready html te maken.
  • Beugels vergelijken: Een DIFF-tool.
  • Takenlijst: Om een ​​lijst met taken bij de hand te hebben
  • Git-haakjes: Een van mijn favorieten, het stelt me ​​in staat om mijn project en zijn GIT-repository te beheren. Ik laat een screenshot achter in de volgende afbeelding.
  • Anderen, vele anderen ..

Haakjes_GIT

Beugels en extract

Met versie 1.1 van Brackets hebben we de mogelijkheid om een ​​variant te downloaden die Extract bevat, wat in feite incluye una nueva experiencia de instalación inicial y una característica que le permite colaborar con un diseñador (que use .PSD) y que utilice la nube de Adobe. Ik kan je om voor de hand liggende redenen niet echt vertellen hoe het werkt, maar het lijkt me een best coole optie.

Haakjes conclusies

Samenvattend kan ik zeggen dat Brackets in de korte ontwikkeltijd voor mij een belangrijke plaats inneemt tussen de alternatieven die we voorhanden hebben. Het is niet perfect, het heeft nog een lange weg te gaan (en ik zou willen dat het net zo snel zou werken als Sublime Text), maar dankzij de nieuwe functies en extensies die worden toegevoegd, blijkt het een uitstekende optie voor gebruikers te zijn. front-ends.

Ik heb misschien meer dingen te vermelden, maar het beste is dat je het probeert en jezelf beoordeelt. Brackets is beschikbaar op hun website met pakketten die zijn gecompileerd voor Debian / Ubuntu, of hun bronnen. Als u een ArchLinux-gebruiker bent, kunt u deze rechtstreeks vanuit AUR installeren.


Laat je reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

*

  1. Verantwoordelijk voor de gegevens: Miguel Ángel Gatón
  2. Doel van de gegevens: Controle SPAM, commentaarbeheer.
  3. Legitimatie: uw toestemming
  4. Mededeling van de gegevens: De gegevens worden niet aan derden meegedeeld, behalve op grond van wettelijke verplichting.
  5. Gegevensopslag: database gehost door Occentus Networks (EU)
  6. Rechten: u kunt uw gegevens op elk moment beperken, herstellen en verwijderen.

  1.   sergio zei

    Ik gebruik beugels sinds versie 0.27 en ik ben al die tijd enorm gegroeid 🙂
    Het is een rots !! Titan!

  2.   kik1n zei

    Ik wacht gewoon op Debian-tests 😀

  3.   tanrax zei

    Prachtig artikel.
    Is het mogelijk om te verplaatsen met vi / vim-snelkoppelingen?

  4.   Raphael Mardechai zei

    Momenteel de editor waarmee ik ontwikkel, aangezien ik vond dat dit mijn standaard alternatief xD is

  5.   cooper15 zei

    Het is echt een indrukwekkende editor, ik ben gefascineerd sinds ik het voor het eerst probeerde. Ik raad het aan. Ik hoop dat ik in korte tijd de hegemonie van SublimeText zal verwijderen.

    1.    tanrax zei

      Ik hoop dat Sublime Text het een en ander leert. Hij heeft heel interessante ideeën.

      1.    levendig zei

        Ze moeten allebei leren ..

  6.   cuervo291286 zei

    Ik heb het gebruikt en als je op de toetsen «Ctrl + E» drukt, verschijnt er niets, het vertelt me ​​alleen dat het bestand niet bestaat als ik er een wil maken.

  7.   Ariel zei

    Ik heb geprobeerd het in Antergos te installeren (yaourt -S haakjes), maar helaas kan ik de installatie nooit goed afmaken. Ik krijg altijd de volgende foutmelding:

    "Running" curl-dir: node-linux64 "(curl-dir) taak
    Bestanden «downloads / node-v0.10.24-linux-x64.tar.gz» gemaakt.

    De taak "node-clean" uitvoeren

    Uitvoeren van de "node-mac" -taak

    De taak «maak-project» uitvoeren
    Projectbestanden bouwen

    Doneer zonder fouten.
    CXX (doel) uit / Release / obj.target / libcef_dll_wrapper / libcef_dll / transfer_util.o
    make: g ++: Het programma is niet gevonden
    libcef_dll_wrapper.target.mk:212: mislukking van instructies voor doel 'out / Release / obj.target / libcef_dll_wrapper / libcef_dll / transfer_util.o'
    make: *** [out / Release / obj.target / libcef_dll_wrapper / libcef_dll / transfer_util.o] Fout 127
    ==> FOUT: er was een crash in build ().
    Annuleren ...
    ==> FOUT: Makepkg kon geen haakjes compileren.
    ==> Bracketsamenstelling opnieuw starten? [j / n]
    ==> ——————————————–
    ==> »

    Weet iemand wat het kan zijn of hoe kan ik het repareren om beugels te gebruiken?

    1.    tanrax zei

      Als u ziet dat dit niet lukt, installeer dan vanaf een deb.
      Luck!

    2.    levendig zei

      Ik van AUR installeer altijd beugels-bak

      1.    Ariel zei

        Beugels-bak werkte. Dank je!

    3.    Alexander zei

      make: g ++: Het programma is niet gevonden

  8.   Gonzalo zei

    Ik heb verschillende editors geprobeerd, maar uiteindelijk kom ik altijd terug bij Kate. Het online bewerken van de CSS, het voorvertonen van afbeeldingen of kleuren is erg praktisch en bespaart zeker tijd, maar denk je dat dit genoeg redenen zijn om over Kate te gaan, die uiteindelijk bijna alle nuttige functies bevat die in andere editors verschijnen, naar beugels? Ik weet dat ik het beste antwoord krijg door het zelf te proberen, maar de waarheid is dat ik me een beetje verveel van het uitproberen van dit of dat programma en uiteindelijk terugkom bij degenen die me al jaren goede resultaten hebben opgeleverd.

    Groeten.

    1.    levendig zei

      Het enige probleem dat ik zie met KATE is dat het geen automatische aanvulling van de code, labels enzovoort heeft 🙁

      1.    firefox-gebruiker-88 zei

        Het lijkt erop dat autocomplete: http://kate-editor.org/about-kate/

        1.    levendig zei

          Nou, voor HTML en CSS heb ik het nog nooit gezien.

      2.    clow_eriol zei

        De autocomplete die niet doet wat elav vraagt. Het vult u alleen automatisch aan als er een woord is dat overal in het document hetzelfde begint.

  9.   Martin zei

    De eerste optie die ik klik op 'Dynamic Preview' is alleen beschikbaar met Google Chrome…. -> Verwijderen….

    Is er een manie met Google Chrome? ze vergeten dat dit Linux is? Netflix, WhatsApp en nu Brackets ...

    1.    levendig zei

      Ja dat is zo. Wat er gebeurt, is dat deze optie alleen nuttig is als je met .html werkt, wat prima is voor de lay-out, maar als je een WordPress-thema maakt en met .php-bestanden werkt, is het niet langer nuttig 😀

    2.    blondfu zei

      In deze nieuwste versie is er ondersteuning voor meerdere browsers voor de liveweergave, maar deze is standaard uitgeschakeld. In het voorkeurenbestand zet je deze "livesev.multibrowser": true, ik gebruik het met firefox en het werkt.

      1.    peper zei

        Hallo, en hoe voeg je het toe, omdat ik die code toevoeg en elke keer dat ik het programma open, krijg ik een foutmelding dat: het voorkeurenbestand geen geldig JSON-formaat heeft.

  10.   heckctor zei

    Hallo, wat is het thema dat u gebruikt? het is geweldig 🙂