Kugadzira Nzvimbo yeBootstrap Development

Munyaya ino Tichatanga nekugadzira nharaunda yeBootstrap yekusimudzira. Sezvatakatsanangura muchinyorwa chakapfuura, Bootstrap dhizaini inoita kuti zvive nyore kwatiri kugadzira mawebhusaiti anongoenderana nechero saizi yescreen.

Chaizvoizvo, hapana maturusi anokosha anodiwa. Iwe unogona kunyora kodhi nyore nyore mupepeti yemavara pane desktop yako. Vazhinji vanotova nerutsigiro rweHTML, CSS, uye Javascript. Asi, nharaunda dzekusimudzira dzakabatanidzwa dzinosanganisira mamwe maturusi anoita kuti zvive nyore kwauri kunyora uye kuongorora kodhi.

Kugadzira Nzvimbo yeBootstrap Development

Nekuravira kwangu, yakanakisa yakasanganiswa budiriro nharaunda ndeye Visual Studio Code. Asi, vazhinji vashandisi veLinux havazvifarire nekuti inotumira telemetry kuMicrosoft. Zvakadaro, Pane imwe nzira inoshandisa VSCode sosi kodhi inonzi VSCodium iyo isingagove data chero munhu. Ndizvozvo iyo vhezheni izvo zvatichashandisa kubva zvino zvichienda mberi.

Kuisa VSCodium

Tinogona kuisa VSCodium nenzira dzinotevera:

Snap Chitoro

sudo snap install codium --classic

flat pack

flatpak install flathub com.vscodium.codium

Debian uye zvigadzirwa

Tawana makiyi ekuongorora

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
Isu tinowedzera iro repository
echo 'deb [signed-by=/usr/share/keyrings/vscodium-archive-keyring.gpg ] https://download.vscodium.com/debs vscodium main' \
| sudo tee /etc/apt/source.list.d/vscodium.list
Isu tinovandudza uye nekuisa
sudo apt update
sudo apt install codium

Fedora / RHEL / CentOS / Rocky Linux / OpenSUSE

Tinowana makiyi ekuongorora

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

Isu tinowedzera repositories

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

OpenSUSE/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

Kuisa tinoita:

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

VhuraSUSE / SUSE: sudo zypper in codium

Arch Linux

Tinogona kushandisa umwe wemirairo miviri iyi

sudo aura -A vscodium-bin

o

yay -S vscodium-bin

Parrot OS

sudo apt update
sudo apt install codium

Nix(OS)

nix-env -iA nixpkgs.vscodium

Kugadzirisa VSCodium

Zvichienderana nekuisa maitiro, VSCodium inogona kunge iri muChirungu. Tinogona kuchinja izvi zviri nyore.

1. MuFiles menyu tinya pa Zvaunoda.
2. Dzvanya pa Extension.
3. Tinonyora ChiSpanish muinjini yekutsvaga.
4. Dzvanya pakuwedzera Shanduro yeSpain.
5. Tinotanga kuiswa nekudzvanya pa Isa.
6. Dzvanya pa Chinja Mutauro uye tangazve.

VSCode ine muunganidzwa wakakura wezvekuwedzera unofambisa hurongwa mumitauro yakasiyana, uye isu tinogona zvakare kuzvishandisa muVSCodium. Ngatiise yatinoda:

1. Dzvanya pa Zvido.
2. Dzvanya pa Kuwedzeredzwa.
3. Tinonyora Bootstrap muinjini yekutsvaga.
4. Tinosarudza iyo inoti Bootstrap 5 & Font Awesome Snippets.
5. Click on install

Tichaona kushandiswa kwekuwedzera uku patinotanga kunyora kodhi yepaiti. Asi, ndinofanira kujekesa. Kuti ishande uchafanirwa kutaipa mirairo. Copy and paste munyaya iyi haishande.

Kuwana Bootstrap

Bootstrap inongova muunganidzwa wezvikamu. Patinonyora kodhi yewebhusaiti yakavakirwa paBootstrap chinhu chekutanga chatinofanira kuita kuudza bhurawuza kwekuvawana.

Kuti uwane Bootstrap pane nzira mbiri. Yekutanga ndeyekuidhawunirodha kubva ku peji peji uye woiwedzera kumafaira eprojekiti uye yechipiri ndeyekuisa chinongedzo kumaseva eprojekiti pachayo. Inogona zvakare kudhawunirwa uchishandisa mamwe mapakeji maneja (ndinoreva ayo anoshandiswa nemitauro yakasiyana-siyana yekuronga, kwete iyo inoshandiswa nekugovera) asi, isu tichasiya izvo kune zvinyorwa.

Ndokumbirawo muone izvozvo kana iwe uchida kushanda nemafaira eBootstrap munharaunda, iwe uchada kuaisa kune server nemamwe mawebhusaiti. Kana iwe ukabatanidza kune purojekiti yeCDN server, hazvizove zvakakosha.

Kana iwe ukadhawunirodha iyo Bootstrap package uchaona kuti kune maviri maforodha uye akateedzana mafaera. Isu tinongofarira maviri chete. Kubva pane JS folda bootstrap.bundle.js uye kubva kuCSS folda bootstrap.css.

Kodhi yezvose zviri zviviri sarudzo inenge yakafanana. Ingochinja nzira yenzvimbo.

Ngatitarisei muenzaniso
Kushandisa Bootstrap munharaunda

Kushandisa kubva kuprojekti CDN

Nzvimbo yefaira remunharaunda haidiwe. Ndakavaisa mukati mefolda inonzi bootrap uye ndakagadzira maforodha maviri anonzi JS neCSS.

Usanetseka kana iwe usina kunzwisisa imwe kodhi. Tinozvitarisira munyaya inotevera.

chitsamba

Mushure mekushambadzira chinyorwa ndakaona kuti maneja wedu wemukati haaratidze iyo HTML kodhi asi mhedzisiro. Ini ndichaisa iyo mienzaniso kuGithub kana yakafanana uye ini ndichaisa skrini pano.