Brackets

Iš OeeTechWiki.
15:21, 31 sausio 2021 versija, sukurta Jonas (Aptarimas | indėlis) (→‎Live Preview)
(skirt) ← Ankstesnė versija | Dabartinė versija (skirt) | Vėlesnė versija → (skirt)
Jump to navigation Jump to search

Bracket įdiegimas

Win sistemoje Įsidiekite naujausia Brackets IDE versiją


Paruošimas projektui

Įsidiegti Apache http serverį

Apache serverio įdiegti yra labai paprasta - visa informacija apie naujausią Apache serverio diegimą aprašyta: Apache HTTP Serverio įdiegimas ir valdymas

Kaip susieti Brackets ir Apache:

Įsidiegti PHP kaip Apache papildinį

lokalios php įdiegimas

Įsidiegti lokalią git sistemą

Parsisiųskite git lokalią sistemą

Git lokali sistemą

Įsidiegti plugins - papildinius

Kaip Įdiegti papildinius:


html kodui patogiai rasyti

Live Preview

Live preview susieti su norima naršykle:

Atidarius Brackets viršutiniame meniu paspausti "Debug" ir pasirinkti "Open Preferences File"

Pasirinkti Open Preferences File

Jums atsidarys du failai: "brackets.json" bei "defaultPreferences.json". Prie pirmojo failo - "brackets.json" - pridėkite:

 "livedev.multibrowser": true,
Pridėti parametrą

Išsaugokite pokyčius ir iš naujo paleiskite Brackets

Jei norite jog Firefox taptų naršyklė kurią atidaro Brackets pagal nutylėjima, jūs turite Firefox pridėti win os kaip pagrindinę naršyklę (default browser).

Git Papildinys

git-bracket (by Martin Zagora)
  • Prieš klonuojat reikia sukurti norima katalogą ir jį atidaryti [File-> OpenFolder] Bracket programoje. Tada spaudžiame "Clone".
  • Įkopijuojame norima Url, įvedame vardą bei slaptažodį ir spaudžiame "Ok". Turite savo norima failų versiją.

Tada reikia projektui nurodyti kur yra apache ir kur yra php.


Emmet

„Emmet“ yra plėtinys, kurį galite rasti beveik kiekviename šiuolaikiniame kodų redaktoriuje. Šis plėtinys paprasčiausiai pagerina jūsų kodavimo darbo eigą, išplėsdamas CSS ir HTML kodo žymių santrumpas, leidžiančias praleisti daugiau laiko rašant jums svarbų kodą.

Kai įdiegsite, „Emmet“ automatiškai pasirūpins visomis numatytosiomis HTML ir CSS žymomis, kol jūs koduosite. „Emmet“ geriausiai veikia, kai naudojate HTML sistemas, pvz., „Bootstrap“ ar „Foundation“.

Autoprefixer

AutoSaver

Lorem Ipsum

Lorem Pixel

Any Template

Naujo projekto pradžios dalis yra įvesti tas privalomas žymėjimo žymas. Nesvarbu, ar tai HTML, PHP ar „JavaScript“, visada turite naudoti šias žymas, kai kuriate naują dokumentą.

Bet koks šablonas yra plėtinys, padedantis išspręsti šią problemą. Naudodami šį įrankį galite sukurti šablonus, kad galėtumėte greitai pradėti dirbti su dokumentais su iš anksto parašytu žymėjimu. Pvz., Jei norite sukurti naują HTML dokumentą, tiesiog pasirinkite HTML šabloną ir visos numatytosios HTML žymos iškart pasirodys dokumente.


Įsidiekite naujausią versiją iš oficialios svetainės

Parsisiųskite naujausius šablonus

Išarchyvuokite ir įdiegdami nurodykite šablonų patalpinimo katalogą.

Tabs

Brackets Icons

Debuginimas

apie debuginima


dar

https://github.com/yeohsoonkeat/Filetemplate-Brackets-Extension