ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಅಭಿವೃದ್ಧಿ ಪರಿಸರವನ್ನು ರಚಿಸುವುದು

ಈ ಲೇಖನದಲ್ಲಿ ನಾವು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಅಭಿವೃದ್ಧಿ ಪರಿಸರವನ್ನು ರಚಿಸುವ ಮೂಲಕ ಪ್ರಾರಂಭಿಸುತ್ತೇವೆ. ಹಿಂದಿನ ಲೇಖನದಲ್ಲಿ ನಾವು ವಿವರಿಸಿದಂತೆ, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಒಂದು ಫ್ರೇಮ್‌ವರ್ಕ್ ಆಗಿದ್ದು ಅದು ಯಾವುದೇ ಪರದೆಯ ಗಾತ್ರಕ್ಕೆ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಹೊಂದಿಕೊಳ್ಳುವ ಸೈಟ್‌ಗಳನ್ನು ರಚಿಸಲು ನಮಗೆ ಸುಲಭಗೊಳಿಸುತ್ತದೆ.

ವಾಸ್ತವವಾಗಿ, ಯಾವುದೇ ವಿಶೇಷ ಉಪಕರಣಗಳು ಅಗತ್ಯವಿಲ್ಲ. ನಿಮ್ಮ ಡೆಸ್ಕ್‌ಟಾಪ್‌ನಲ್ಲಿರುವ ಪಠ್ಯ ಸಂಪಾದಕದಲ್ಲಿ ನೀವು ಸುಲಭವಾಗಿ ಕೋಡ್ ಅನ್ನು ಬರೆಯಬಹುದು. ಹಲವರು HTML, CSS ಮತ್ತು Javascript ಗೆ ಬೆಂಬಲವನ್ನು ಹೊಂದಿದ್ದಾರೆ. ಆದರೆ, ಸಂಯೋಜಿತ ಅಭಿವೃದ್ಧಿ ಪರಿಸರಗಳು ಇತರ ಪರಿಕರಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ ಅದು ನಿಮಗೆ ಕೋಡ್ ಬರೆಯಲು ಮತ್ತು ಪ್ರೂಫ್ ರೀಡ್ ಮಾಡಲು ಸುಲಭಗೊಳಿಸುತ್ತದೆ.

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಅಭಿವೃದ್ಧಿ ಪರಿಸರವನ್ನು ರಚಿಸುವುದು

ನನ್ನ ಅಭಿರುಚಿಗಾಗಿ, ವಿಷುಯಲ್ ಸ್ಟುಡಿಯೋ ಕೋಡ್ ಅತ್ಯುತ್ತಮ ಸಮಗ್ರ ಅಭಿವೃದ್ಧಿ ಪರಿಸರವಾಗಿದೆ. ಆದರೆ, ಮೈಕ್ರೋಸಾಫ್ಟ್‌ಗೆ ಟೆಲಿಮೆಟ್ರಿಯನ್ನು ಕಳುಹಿಸುವುದರಿಂದ ಅನೇಕ ಲಿನಕ್ಸ್ ಬಳಕೆದಾರರು ಇದನ್ನು ಇಷ್ಟಪಡುವುದಿಲ್ಲ. ಅದೇನೇ ಇದ್ದರೂ, ಯಾರೊಂದಿಗೂ ಡೇಟಾವನ್ನು ಹಂಚಿಕೊಳ್ಳದ VSCodium ಎಂಬ VSCode ಮೂಲ ಕೋಡ್ ಅನ್ನು ಬಳಸುವ ಪರ್ಯಾಯವಿದೆ. ಅದು ಆವೃತ್ತಿ ನಾವು ಇಂದಿನಿಂದ ಬಳಸುತ್ತೇವೆ.

VSCodium ಅನ್ನು ಸ್ಥಾಪಿಸಲಾಗುತ್ತಿದೆ

ನಾವು ಈ ಕೆಳಗಿನ ವಿಧಾನಗಳಲ್ಲಿ VSCodium ಅನ್ನು ಸ್ಥಾಪಿಸಬಹುದು:

ಸ್ನ್ಯಾಪ್ ಸ್ಟೋರ್

sudo snap install codium --classic

ಫ್ಲಾಟ್ಪ್ಯಾಕ್

flatpak install flathub com.vscodium.codium

ಡೆಬಿಯನ್ ಮತ್ತು ಉತ್ಪನ್ನಗಳು

ನಾವು ಪರಿಶೀಲನೆ ಕೀಗಳನ್ನು ಪಡೆದುಕೊಂಡಿದ್ದೇವೆ

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
ನಾವು ಭಂಡಾರವನ್ನು ಸೇರಿಸುತ್ತೇವೆ
echo 'deb [signed-by=/usr/share/keyrings/vscodium-archive-keyring.gpg ] https://download.vscodium.com/debs vscodium main' \
| sudo tee /etc/apt/sources.list.d/vscodium.list
ನಾವು ನವೀಕರಿಸುತ್ತೇವೆ ಮತ್ತು ಸ್ಥಾಪಿಸುತ್ತೇವೆ
sudo apt update
sudo apt install codium

Fedora / RHEL / CentOS / Rocky Linux / OpenSUSE

ನಾವು ಪರಿಶೀಲನೆ ಕೀಗಳನ್ನು ಪಡೆಯುತ್ತೇವೆ

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

ನಾವು ರೆಪೊಸಿಟರಿಗಳನ್ನು ಸೇರಿಸುತ್ತೇವೆ

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

ಸ್ಥಾಪಿಸಲು ನಾವು ಮಾಡುತ್ತೇವೆ:

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

OpenSUSE / SUSE: sudo zypper in codium

ಆರ್ಚ್ ಲಿನಕ್ಸ್

ನಾವು ಈ ಎರಡು ಆಜ್ಞೆಗಳಲ್ಲಿ ಯಾವುದನ್ನಾದರೂ ಬಳಸಬಹುದು

sudo aura -A vscodium-bin

o

yay -S vscodium-bin

ಗಿಳಿ ಓಎಸ್

sudo apt update
sudo apt install codium

ನಿಕ್ಸ್(OS)

nix-env -iA nixpkgs.vscodium

VSCodium ಅನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡಲಾಗುತ್ತಿದೆ

ಅನುಸ್ಥಾಪನಾ ಕ್ರಮವನ್ನು ಅವಲಂಬಿಸಿ, VSCodium ಇಂಗ್ಲಿಷ್‌ನಲ್ಲಿರಬಹುದು. ನಾವು ಇದನ್ನು ಸುಲಭವಾಗಿ ಬದಲಾಯಿಸಬಹುದು.

1. ಫೈಲ್‌ಗಳ ಮೆನುವಿನಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ ಆದ್ಯತೆಗಳು.
2. ಕ್ಲಿಕ್ ಮಾಡಿ ವಿಸ್ತರಣೆ.
3. ನಾವು ಬರೆಯುತ್ತೇವೆ ಸ್ಪ್ಯಾನಿಷ್ ಸರ್ಚ್ ಎಂಜಿನ್‌ನಲ್ಲಿ.
4. ವಿಸ್ತರಣೆಯ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ ಸ್ಪ್ಯಾನಿಶ್ ಭಾಷೆ.
5. ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ನಾವು ಅನುಸ್ಥಾಪನೆಯನ್ನು ಪ್ರಾರಂಭಿಸುತ್ತೇವೆ ಸ್ಥಾಪಿಸಿ.
6. ಕ್ಲಿಕ್ ಮಾಡಿ ಭಾಷೆಯನ್ನು ಬದಲಾಯಿಸಿ ಮತ್ತು ಮರುಪ್ರಾರಂಭಿಸಿ.

VSCode ವಿವಿಧ ಭಾಷೆಗಳಲ್ಲಿ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಅನ್ನು ಸುಗಮಗೊಳಿಸುವ ವಿಸ್ತರಣೆಗಳ ದೊಡ್ಡ ಸಂಗ್ರಹವನ್ನು ಹೊಂದಿದೆ ಮತ್ತು ನಾವು ಅವುಗಳನ್ನು VSCodium ನಲ್ಲಿಯೂ ಬಳಸಬಹುದು. ನಮಗೆ ಅಗತ್ಯವಿರುವದನ್ನು ಸ್ಥಾಪಿಸೋಣ:

1. ಕ್ಲಿಕ್ ಮಾಡಿ ಆದ್ಯತೆಗಳು.
2. ಕ್ಲಿಕ್ ಮಾಡಿ ವಿಸ್ತರಣೆಗಳು.
3. ನಾವು ಬರೆಯುತ್ತೇವೆ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಸರ್ಚ್ ಎಂಜಿನ್‌ನಲ್ಲಿ.
4. ನಾವು ಹೇಳುವದನ್ನು ಆಯ್ಕೆ ಮಾಡುತ್ತೇವೆ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ 5 ಮತ್ತು ಫಾಂಟ್ ಅದ್ಭುತ ತುಣುಕುಗಳು.
5. ಅನುಸ್ಥಾಪನೆಯ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ

ನಾವು ಸೈಟ್ ಕೋಡ್ ಅನ್ನು ಬರೆಯಲು ಪ್ರಾರಂಭಿಸಿದಾಗ ಈ ವಿಸ್ತರಣೆಯ ಬಳಕೆಯನ್ನು ನಾವು ನೋಡುತ್ತೇವೆ. ಆದರೆ, ನಾನು ಸ್ಪಷ್ಟೀಕರಣವನ್ನು ನೀಡಬೇಕಾಗಿದೆ. ಇದು ಕೆಲಸ ಮಾಡಲು ನೀವು ಆಜ್ಞೆಗಳನ್ನು ಟೈಪ್ ಮಾಡಬೇಕು. ಈ ಸಂದರ್ಭದಲ್ಲಿ ನಕಲಿಸಿ ಮತ್ತು ಅಂಟಿಸಿ ಕೆಲಸ ಮಾಡುವುದಿಲ್ಲ.

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಪಡೆಯಲಾಗುತ್ತಿದೆ

ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಮೂಲಭೂತವಾಗಿ ಘಟಕಗಳ ಸಂಗ್ರಹವಾಗಿದೆ. ನಾವು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಆಧಾರಿತ ವೆಬ್‌ಸೈಟ್‌ನ ಕೋಡ್ ಅನ್ನು ಬರೆಯುವಾಗ ನಾವು ಮಾಡಬೇಕಾದ ಮೊದಲ ವಿಷಯವೆಂದರೆ ಅವುಗಳನ್ನು ಎಲ್ಲಿ ಕಂಡುಹಿಡಿಯಬೇಕೆಂದು ಬ್ರೌಸರ್‌ಗೆ ತಿಳಿಸುವುದು.

ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ ಪಡೆಯಲು ಎರಡು ಪರ್ಯಾಯಗಳಿವೆ. ಇದನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡುವುದು ಮೊದಲನೆಯದು ವೆಬ್ ಪುಟ ಮತ್ತು ಅದನ್ನು ಯೋಜನೆಯ ಫೈಲ್‌ಗಳಿಗೆ ಸೇರಿಸಿ ಮತ್ತು ಎರಡನೆಯದು ಯೋಜನೆಯ ಸರ್ವರ್‌ಗಳಿಗೆ ಲಿಂಕ್ ಅನ್ನು ಹಾಕುವುದು. ಇದನ್ನು ಕೆಲವು ಪ್ಯಾಕೇಜ್ ಮ್ಯಾನೇಜರ್‌ಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು (ನನ್ನ ಪ್ರಕಾರ ವಿಭಿನ್ನ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಗಳಿಂದ ಬಳಸಲಾಗಿದೆ, ವಿತರಣೆಗಳಿಂದ ಬಳಸಲಾಗುವುದಿಲ್ಲ) ಆದರೆ, ನಾವು ಅದನ್ನು ದಾಖಲಾತಿಗೆ ಬಿಡುತ್ತೇವೆ.

ದಯವಿಟ್ಟು ಗಮನಿಸಿ ನೀವು ಸ್ಥಳೀಯವಾಗಿ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಫೈಲ್‌ಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ಬಯಸಿದರೆ, ನೀವು ಅವುಗಳನ್ನು ಸರ್ವರ್‌ಗೆ ಅಪ್‌ಲೋಡ್ ಮಾಡಬೇಕಾಗುತ್ತದೆ ವೆಬ್‌ಸೈಟ್‌ನ ಉಳಿದ ಭಾಗಗಳೊಂದಿಗೆ. ನೀವು ಯೋಜನೆಯ CDN ಸರ್ವರ್‌ಗೆ ಲಿಂಕ್ ಮಾಡಿದರೆ, ಅದು ಅಗತ್ಯವಿರುವುದಿಲ್ಲ.

ನೀವು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಪ್ಯಾಕೇಜ್ ಅನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಿದರೆ ಎರಡು ಫೋಲ್ಡರ್‌ಗಳು ಮತ್ತು ಫೈಲ್‌ಗಳ ಸರಣಿಯನ್ನು ನೀವು ನೋಡುತ್ತೀರಿ. ನಾವು ಎರಡರಲ್ಲಿ ಮಾತ್ರ ಆಸಕ್ತಿ ಹೊಂದಿದ್ದೇವೆ. JS ಫೋಲ್ಡರ್‌ನಿಂದ bootstrap.bundle.js ಮತ್ತು CSS ಫೋಲ್ಡರ್‌ನಿಂದ bootstrap.css.

ಎರಡೂ ಆಯ್ಕೆಗಳ ಕೋಡ್ ಬಹುತೇಕ ಒಂದೇ ಆಗಿರುತ್ತದೆ. ಸ್ಥಳದ ಮಾರ್ಗವನ್ನು ಬದಲಾಯಿಸಿ.

ಒಂದು ಉದಾಹರಣೆಯನ್ನು ನೋಡೋಣ
ಸ್ಥಳೀಯವಾಗಿ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಅನ್ನು ಬಳಸುವುದು

ಯೋಜನೆಯ CDN ನಿಂದ ಬಳಸುವುದು

ಸ್ಥಳೀಯ ಫೈಲ್‌ನ ಸ್ಥಳವು ಅನಿಯಂತ್ರಿತವಾಗಿದೆ. ನಾನು ಅವುಗಳನ್ನು ಬೂಟ್ರಾಪ್ ಎಂಬ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಇರಿಸಿದೆ ಮತ್ತು JS ಮತ್ತು CSS ಎಂಬ ಎರಡು ಉಪ ಫೋಲ್ಡರ್‌ಗಳನ್ನು ರಚಿಸಿದೆ.

ಉಳಿದ ಕೋಡ್ ನಿಮಗೆ ಅರ್ಥವಾಗದಿದ್ದರೆ ಚಿಂತಿಸಬೇಡಿ. ಮುಂದಿನ ಲೇಖನದಲ್ಲಿ ನಾವು ಅದನ್ನು ನೋಡಿಕೊಳ್ಳುತ್ತೇವೆ.

ನೋಟಾ

ಲೇಖನವನ್ನು ಪ್ರಕಟಿಸಿದ ನಂತರ ನಮ್ಮ ವಿಷಯ ನಿರ್ವಾಹಕರು HTML ಕೋಡ್ ಅನ್ನು ತೋರಿಸುವುದಿಲ್ಲ ಆದರೆ ಫಲಿತಾಂಶವನ್ನು ತೋರಿಸುತ್ತಾರೆ ಎಂದು ನಾನು ಕಂಡುಹಿಡಿದಿದ್ದೇನೆ. ನಾನು ಉದಾಹರಣೆಗಳನ್ನು ಗಿಥಬ್ ಅಥವಾ ಅಂತಹುದೇ ಗೆ ಅಪ್‌ಲೋಡ್ ಮಾಡುತ್ತೇನೆ ಮತ್ತು ನಾನು ಇಲ್ಲಿ ಸ್ಕ್ರೀನ್‌ಶಾಟ್‌ಗಳನ್ನು ಹಾಕುತ್ತೇನೆ.