Ieteicams, 2020

Redaktora Izvēle

10 Awesome Brackets paplašinājumi, kas jums tiešām ir vajadzīgi

Brackets.io nesen izlaida 1.2 versiju ar dažām lieliskām jaunām funkcijām, kuras jūs varat lasīt savā emuārā. Mēs esam izveidojuši sarakstu ar 10 labākajiem un noderīgākajiem Kronšteinu paplašinājumiem, kas atrodas tur (nekādā konkrētā secībā), kā arī pilnīgas instrukcijas par katru paplašinājumu.

Kronšteinu paplašinājumi

1.Code Folding

Atšķirībā no daudziem citiem IDE un koda redaktoriem Kronšteinos nav noklusējuma, kas ir pieejams ar kodu. Izmantojot kodu Folding, jūs varat viegli sagriezt lielas koda daļas vienā rindā. Kodu locīšanas paplašinājums ir pieejams Github un no kronšteinu paplašinājuma pārvaldnieka.

Kā izmantot

Lai ielocītu jebkuru ligzdotu tagu, vienkārši noklikšķiniet uz lejupvērstās bultiņas pa kreisi no mātes taga, kā parādīts iepriekš. Tas pats princips attiecībā uz Javascript vai jebkuru citu formātu. Vienkārši noklikšķiniet uz lejupvērstās bultiņas, kas atrodas kreisajā pusē no vecāka elementa, lai nolokītu visus ligzdotos paziņojumus vienā rindā. Lai paplašinātu, vienkārši noklikšķiniet uz plusa zīmes.

Salocīto līniju rindas numuri ir paslēpti, tāpēc, koncentrējoties uz kodu, ir viegli pamanīt salocītās līnijas.

2. Lorem Pixel

Ir daudz veidu, kā ģenerēt vietas vārda tekstu, bet priekšējā tīkla izstrādātājiem bieži ir vajadzīgi vietas rezervācijas attēli. Tā vietā, lai mēģinātu izveidot tukšu vietu, izmantojiet Lorem Pixel paplašinājumu. Tas ļauj ievietot krāšņus, jebkura izmēra izmitināšanas vietas. Laba daļa par Lorem Pixel ir tā, ka tā ļauj izvēlēties kategoriju, no kuras vēlaties attēlu.

Ja tas nav pietiekami labs, vietas rezervētāja attēli mainās katru reizi, kad pārlādējat lapu! Attēli bieži vien var izjaukt krāsu shēmas, tāpēc Lorem Pixel piedāvā arī "pelēktoņu" opciju, lai izmantotu tikai b / w vietas rezervēšanas attēlus. Šo paplašinājumu nodrošina lorempixel.com, un tas ir pieejams pārlūkprogrammu paplašinājumu pārvaldniekā.

Izmantojot Lorem Pixel

Kā izmantot

Kad esat instalējis Lorem Pixel paplašinājumu, paplašinājuma rūtī parādās Lorem Pixel logotips - pārbaudīts kvadrāts (rūts labajā pusē ar Live Preview pogu). Noklikšķiniet uz logotipa, lai atvērtu iestatījumu lodziņu. Iestatiet vajadzīgo attēla izmēru un vēlamo attēlu kategoriju. Ja vēlaties pelēktoņu attēlus, pārbaudiet pelēktoņu opciju. Vai nu kopējiet saiti uz starpliktuvi un izmantojiet to pēc vajadzības vai ievietojiet pašreizējā kursora pozīcijā.

3. Autoprefiksētājs

Piegādātāja prefiksu pievienošana jūsu kodam ir drudgery. Autoprefixer paplašinājums var ietaupīt daudz laika (un daudz darba!), Jo tas automātiski pievieno jūsu kodam nepieciešamos piegādātāja prefiksus. Tam nav nepieciešama nekāda konfigurācija, un ikreiz, kad saglabājat kodu, atjaunina prefiksu. Ja vēlaties, varat arī izvēlēties kodu un automātisko prefiksu.

Kā izmantot

Lai izmantotu Autoprefixer, vienkārši sāciet rakstīt prefiksa kodu. Paplašinājums automātiski pievienos prefiksu kodu, tiklīdz saglabāsiet. Lai automātiski atlasītu kādu izvēlēto kodu, vispirms izvēlieties kodu un pēc tam cilni Rediģēt ⇒ Automātiska prefiksu izvēle.

Autoprefixer arī ļauj iestatīt pielāgotus prefiksus. Lai pārietu uz paplašinājuma iestatījumiem: Rediģēt Autoprefiksera iestatījumi.

Lai būtu skaists, kaskadēts, prefiksēts kods, iespējojiet paplašinājuma iestatījumos opciju Visual cascade .

4. Atzīmēšanas priekšskatījums

Markdown ir jauka vienkārša teksta iezīmēšanas valoda, kas ir viegli konvertējama uz HTML. Atzīmēšanas priekšskatījums dod sniegtajai Markdown atzīmei tieši zem teksta versijas. Tas ļauj izvēlēties starp diviem dažādiem stiliem: Github Flavored Markdown un Standard Markdown.

Priekšskatījuma logam var izvēlēties trīs tēmas - Light, Dark un Classic. Atzīmēšanas priekšskatījumam ir arī ritināšanas sinhronizācijas opcija (iespējota pēc noklusējuma). Paplašinājumu var lejupielādēt no Github vai no kronšteinu paplašinājumu pārvaldnieka.

Kā izmantot

Atveriet .md vai .markdown failu. Ja esat instalējis Markdown priekšskatījumu, labajā pusē jānorāda M ↓ poga. Noklikšķiniet uz tā, un jūs redzēsiet padarīto Markdown. Lai mainītu motīvu vai atspējotu ritināšanas sinhronizāciju, vienkārši noklikšķiniet uz pārnesumu ikonas sadaļas Atzīmēšanas priekšskatījuma labajā augšējā stūrī.

5. Kronšteinu ikonas

Vienmēr ir jautri, ka jūsu koda redaktors tiek papildināts ar failu ikonām. Iekavās Ikonas pievieno krāsainas ikonas, pamatojoties uz faila tipu, visiem failiem, kas uzskaitīti sānu joslā. Tajā ir ikonas lielākajai daļai failu tipu, un jūs varat ievietot ikonu pieprasījumus Github lapā.

Bonusa padoms:

Kronšteinu ikonas izmanto Ionicons projekta ikonas. Varat arī pārbaudīt paplašinājumu File Icons (projekta Brackets Icons), kas izmanto ikonas no Font Awesome projekta. Tas beidzas ar personīgo izvēli.

Kā izmantot

Vienkārši instalējiet paplašinājumu un pārlādēšanas kronšteinus (F5).

6. Dokumentu rīkjosla

Iekavās nav cilņu. Vienkāršs un vienkāršs fakts. Dokumentu rīkjoslas paplašinājums pievieno šo funkcionalitāti. Visi faili, kas atrodas sānjoslas "aktīvajā" sadaļā, parādās kā cilnes šajā paplašinājumā. Varat arī slēpt sānjoslu un izmantot tikai dokumentu rīkjoslu, lai iegūtu jauku interfeisu.

Kā izmantot

Instalējiet pagarinājumu un pārlādēšanas kronšteinus (F5).

7. Kronšteini Git

Viss šobrīd cenšas integrēties ar Gitu; tā ir vispopulārākā versiju kontroles sistēma (VCS). Kronšteini Git ir vienkārši vislabākais starp līdzīgiem kronšteinu paplašinājumiem. Tam ir visas nepieciešamās funkcijas. Jūs varat viegli izdarīt izmaiņas no pašu iekavās, izdarīt un vilkt izmaiņas ar vienu klikšķi, apskatīt arī faila vēsturi un kopējo saistību vēsturi. Ja jūs esat labi ar Git, ar šo paplašinājumu neatradīsiet nekādas problēmas.

Piezīme. Lai izmantotu Brackets Git, datorā jābūt instalētam Git. Pēc paplašinājuma instalēšanas, iespējams, būs jāievada ceļš uz jūsu Git izpildāmo failu (ja tas nav noklusējuma ceļā).

Kā izmantot

Faila uzņemšana, izmantojot kronšteinus Git

Kronšteinu izmantošana Git ir diezgan taisni uz priekšu. Padariet vietējo Github repo mapi iekavās projekta mapē. Pēc tam atveriet failu, veiciet dažas izmaiņas un saglabājiet to. Tad jūs varat doties uz priekšu un uzklikšķināt uz Git ikonas labajā pusē, un tas atvērs apakšējās daļas Brackets Git rūti. Tajā tiks uzskaitīti visi jūsu failos izdarītie pārveidojumi.

Pārbaudiet, kurus failus vēlaties izdarīt, un pēc tam noklikšķiniet uz pogas Commit. Tas atvērs uznirstošo informāciju par veiktajām izmaiņām. Ievadiet ziņu par saistībām un noklikšķiniet uz Labi. Un jūs esat veiksmīgi izveidojis failu Git tieši no Brackets!

Pēc tam, kad esat apņēmies, vienkārši noklikšķiniet uz pogas (tas arī parāda nepareizo saistību skaitu, kā jūs varat redzēt GIF iepriekš).

Iestatījumu konfigurēšana

Atveriet Brackets Git rūti un noklikšķiniet uz pogas Settings (iestatījumi) (otrā no labās puses). Jūtieties brīvi konfigurēt kronšteinus Git jebkurā gadījumā.

Lai apskatītu failu un saistību vēsturi

Vienkārši noklikšķiniet uz attiecīgajām pogām, lai apskatītu savu failu vēsturi un iesākto vēsturi. Vai mēs pieminējām, ka jūs varat mainīt iemiesojumu uz melnbaltu iemiesojumu, krāsainu iemiesojumu vai jūsu Gravataru?

Saņemt vēsturi

8. Nesavietojiet visas lietas

Nopirkt VISAS lietas. Viss. Šis paplašinājums vienā reizē visus failus. Ļoti noderīga, ja jums ir liels projekts ar daudziem savienotiem failiem. Visas šķiedru kļūdas rāda labi.

Kā izmantot

Lai izmantotu Lint ALL Things, vienkārši dodieties uz cilni Skats un noklikšķiniet uz Lint viss projekts .

9. Kronšteini Todo

Kronšteini Todo ir veikls neliels paplašinājums, kas parāda visus TODO komentārus gudrā saraksta formātā. Pēc noklusējuma tas atbalsta 5 tagus - TODO, PIEZĪME, FIXME, IZMAIŅAS un NĀKOTNES. Komentārus var atzīmēt arī kā Done. Skata opcijās varat filtrēt komentārus pēc tagiem. Kronšteini Todo ļauj definēt pielāgotās krāsas tagiem, kā arī savas atzīmes, ja jūs kādreiz vēlaties iegūt radošus komentārus.

Ja jūs strādājat ar lielu projektu, un nepieciešams sekot līdzi vairāku failu komentāriem, varat mainīt Brackets Todo meklēšanas apjomu. Vēlaties izslēgt dažus failus un mapes, piemēram, piegādātāja mapes? Neuztraucies. Vienkārši pievienojiet ceļu izslēgšanas sarakstā. Katra projekta iestatījumus var pielāgot, pievienojot .todo failu saknes projekta direktorijā.

Github dokumentācijā varat iet cauri visām iestatījumu opcijām.

Kā izmantot

Lai izmantotu kronšteinus Todo, vienkārši pievienojiet komentāru savam kodam ar atzīmi iekšpusē. Marķējuma nosaukumam jābūt lielajiem burtiem, kam seko kols (:). Lai apskatītu visus Todo, vienkārši noklikšķiniet uz ikonas Todo labajā pusē.

Konfigurēšana:

  • Lai atļautu Todo HTML komentārus: vienkārši atveriet iestatījumus - noklikšķiniet uz ikonas Todo → Iestatījumi (pārnesumu ikona) - un noklikšķiniet, lai atvērtu .todo failu. Lai pievienotu šo failu, pievienojiet šo kodu:
     {"regex": {"prefikss": "(? :)"}} 

    Kā izskatās Todo iestatījumu izvēlne
  • Lai mainītu meklēšanas jomu: pievienojiet šo kodu .todo failam:
     {"meklēt": {"darbības joma": "mans projekts"}} 
  • Lai izslēgtu nevienu faila / mapes / faila paplašinājumu no meklēšanas jomas: pievienojiet šo kodu .todo failam:
     {"meklēt": {"darbības joma": "mans projekts", 

    “Izslēgt mapes”: [“jūsu mape”]

     "izslēgtFiles": ["yourfile"] "izslēgtFiles": [".yourextension"]}} 

10. Skaista

Beautify padara jūsu kodu labi redzamu. Tā nosaka atstarpes, ievilkumu un līnijas.

Kā izmantot

Tas ir ļoti viegli izmantot Beautify. Viss, kas Jums jādara, ir izvēlēties kādu kodu> Labais klikšķis > Skaists .

Varat arī pāriet uz cilni Rediģēt un noklikšķiniet uz " Izveidot ".

Top