Brackets

Kuvaus

Tarkennettujen visuaalisten työkalujen ja esikäsittelytuen ansiosta Brackets on moderni tekstieditori, jonka avulla suunnittelu on helppoa selaimessa. Kokeile Creative Cloud Extractia (esikatselu) for Brackets saadaksesi helpon tavan saada puhdas, minimaalinen CSS suoraan PSD:ltä ilman luotua koodia.

Hanki koodivinkkejä PSD:ltä

Extract for Brackets (Esikatselu) -laajennuksen avulla voit vetää suunnittelutiedot PSD:stä, mukaan lukien värit, fontit, liukuvärit ja mittaustiedot puhtaana, minimaalisena CSS-tiedostona kontekstuaalisten koodivihjeiden avulla. Voit myös poimia tasoja kuvina, käyttää PSD:n tietoja esiprosessorin muuttujien määrittämiseen ja helposti saada mittoja objektien välillä.

Sisäiset editorit

Sen sijaan, että hyppäät tiedostojen välilehtien välillä, Brackets antaa sinun avata ikkunan sinulle eniten välittämään koodiin. Haluatko työstää CSS:ää, joka koskee tiettyä tunnusta? Aseta hiiren osoitin kyseisen tunnuksen kohdalle, paina Komento/Ctrl+E ja Hakasulkeet näyttävät sinulle kaikki CSS-valitsimet kyseisellä tunnuksella upotetussa ikkunassa, jotta voit työstää koodiasi vierekkäin ilman ponnahdusikkunoita.

Live-esikatselu

Ota reaaliaikainen yhteys selaimeesi. Tee muutoksia CSS:ään ja HTML:ään, niin näet muutokset välittömästi näytöllä. Katso myös, missä CSS-valitsinta käytetään selaimessa asettamalla kohdistin sen päälle. Se on koodieditorin teho ja selaimen sisäisten kehitystyökalujen käyttömukavuus.

Esiprosessorin tuki

Työskentele esiprosessorien kanssa aivan uudella tavalla. Tiedämme, kuinka tärkeitä esikäsittelijät ovat työnkulussasi. Siksi haluamme tehdä Bracketsistä parhaan koodieditorin esiprosessoreille. Bracketsin avulla voit käyttää Quick Editia ja Live Highlightia LESS- ja SCSS-tiedostojesi kanssa, mikä tekee niiden kanssa työskentelystä helpompaa kuin koskaan.