Ƙirƙirar Muhallin Ci gaban Bootstrap

A cikin wannan labarin Za mu fara da ƙirƙirar yanayin ci gaban Bootstrap. Kamar yadda muka yi bayani a cikin labarin da ya gabata, Bootstrap wani tsari ne wanda ke sauƙaƙa mana ƙirƙirar rukunin yanar gizo waɗanda ke dacewa da kowane girman allo ta atomatik.

A gaskiya, ba a buƙatar kayan aiki na musamman. Kuna iya rubuta lambar cikin sauƙi a editan rubutu akan tebur ɗinku. Yawancin ma suna da goyan bayan HTML, CSS, da Javascript. Amma, haɗe-haɗen mahalli na haɓaka sun haɗa da wasu kayan aikin waɗanda ke sauƙaƙa maka rubutawa da sake karanta lambar.

Ƙirƙirar Muhallin Ci gaban Bootstrap

Don dandano na, mafi kyawun yanayin haɓaka haɓakawa shine Kayayyakin Kayayyakin Kayayyakin Kayayyaki. Amma, yawancin masu amfani da Linux ba sa son shi saboda yana aika telemetry zuwa Microsoft. Duk da haka, Akwai madadin da ke amfani da lambar tushen VSCode mai suna VSCodium wanda baya raba bayanai da kowa. Wato kenan sigar wanda za mu yi amfani da shi daga yanzu.

Shigar da VSCodium

Za mu iya shigar da VSCodium ta hanyoyi masu zuwa:

Kama Store

sudo snap install codium --classic

kayan lebur

flatpak install flathub com.vscodium.codium

Debian da Kalam

Mun sami maɓallan tabbatarwa

wget -qO - https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/raw/master/pub.gpg \
| gpg --dearmor \
| sudo dd of=/usr/share/keyrings/vscodium-archive-keyring.gpg
Mun ƙara wurin ajiyar
echo 'deb [ sa hannu-by=/usr/share/keyrings/vscodium-archive-keyring.gpg] https://download.vscodium.com/debs vscodium main' \
| sudo tee /etc/apt/sources.list.d/vscodium.list
Mun sabunta kuma mun girka
sudo apt update
sudo apt install codium

Fedora / RHEL / CentOS / Rocky Linux / OpenSUSE

Muna samun maɓallan tabbatarwa

sudo rpmkeys --import https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/-/raw/master/pub.gpg

Muna ƙara wuraren ajiya

Fedora/RHEL/CentOS/RockyLinux: printf "[gitlab.com_paulcarroty_vscodium_repo]\nname=download.vscodium.com\nbaseurl=https://download.vscodium.com/rpms/\nenabled=1\ngpgcheck=1\nrepo_gpgcheck=1\ngpgkey=https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/-/raw/master/pub.gpg\nmetadata_expire=1h" | sudo tee -a /etc/yum.repos.d/vscodium.repo

BudeSUSE/SUSE: printf "[gitlab.com_paulcarroty_vscodium_repo]\nname=gitlab.com_paulcarroty_vscodium_repo\nbaseurl=https://download.vscodium.com/rpms/\nenabled=1\ngpgcheck=1\nrepo_gpgcheck=1\ngpgkey=https://gitlab.com/paulcarroty/vscodium-deb-rpm-repo/-/raw/master/pub.gpg\nmetadata_expire=1h" | sudo tee -a /etc/zypp/repos.d/vscodium.repo

Don shigarwa za mu yi:

Fedora/RHEL/CentOS/RockyLinux: sudo dnf install codium

OpenSUSE / Suse: sudo zypper in codium

Arch Linux

Za mu iya amfani da ɗayan waɗannan umarni biyu

sudo aura -A vscodium-bin

o

yay -S vscodium-bin

Aku OS

sudo apt update
sudo apt install codium

Nix(OS)

nix-env -iA nixpkgs.vscodium

Ana saita VSCodium

Dangane da yanayin shigarwa, VSCodium na iya kasancewa cikin Ingilishi. Za mu iya canza wannan cikin sauƙi.

1. A cikin menu Fayiloli danna Zaɓuɓɓuka.
2. Danna kan tsawo.
3. Mun rubuta Mutanen Espanya a cikin injin binciken.
4. Danna kan tsawo Harshen Mutanen Espanya.
5. Mun fara shigarwa ta danna kan Shigar.
6. Danna kan Canja Harshe kuma sake farawa.

VSCode yana da ɗimbin tarin kari waɗanda ke sauƙaƙe shirye-shirye a cikin harsuna daban-daban, kuma muna iya amfani da su a cikin VSCodium. Mu shigar da wanda muke bukata:

1. Danna kan Zabi.
2. Danna kan Fadada
3. Mun rubuta Bootstrap a cikin injin binciken.
4. Mun zabi wanda ya ce Bootstrap 5 & Font Awesome Snippets.
5. Danna kan shigarwa

Za mu ga amfani da wannan tsawo lokacin da muka fara rubuta lambar shafin. Amma, dole ne in yi bayani. Don yin aiki dole ne ka buga umarni. Kwafi da liƙa a cikin wannan yanayin ba ya aiki.

Samun Bootstrap

Bootstrap asali tarin abubuwa ne. Lokacin da muka rubuta lambar gidan yanar gizo bisa Bootstrap abu na farko da ya kamata mu yi shi ne gaya wa browser inda za mu same su.

Don samun Bootstrap akwai hanyoyi guda biyu. Na farko shi ne sauke shi daga shafin yanar gizo kuma ƙara shi zuwa fayilolin aikin kuma na biyu shine sanya hanyar haɗi zuwa sabobin aikin da kansa. Hakanan ana iya sauke ta ta amfani da wasu manajojin fakiti (Ina nufin waɗanda harsunan shirye-shirye daban-daban ke amfani da su, ba waɗanda ake amfani da su ta hanyar rarrabawa ba) amma, za mu bar hakan ga takaddun.

Da fatan za a lura cewa idan kun fi son yin aiki tare da fayilolin Bootstrap a gida, kuna buƙatar loda su zuwa uwar garken tare da sauran gidan yanar gizon. Idan kun haɗa zuwa uwar garken CDN na aikin, ba zai zama dole ba.

Idan ka sauke kunshin Bootstrap za ka ga cewa akwai manyan fayiloli guda biyu da jerin fayiloli. Muna sha'awar biyu kawai. Daga JS fayil bootstrap.bundle.js kuma daga babban fayil na CSS bootstrap.css.

Lambar don zaɓuɓɓukan biyu kusan iri ɗaya ne. Kawai canza hanyar wurin.

Bari mu kalli misali
Amfani da Bootstrap a gida

Amfani daga CDN aikin

Wurin fayil ɗin gida ba sabani bane. Na saka su a cikin babban fayil mai suna bootrap na ƙirƙiri manyan fayiloli guda biyu masu suna JS da CSS.

Kada ku damu idan ba ku fahimci sauran lambar ba. Muna kula da hakan a talifi na gaba.

Note

Bayan buga labarin na gano cewa manajan abun ciki ba ya nuna lambar HTML amma sakamakon. Zan loda misalan zuwa Github ko makamantansu kuma zan sanya hotunan kariyar kwamfuta a nan.