பூட்ஸ்ட்ராப் மேம்பாட்டு சூழலை உருவாக்குதல்

இந்த கட்டுரையில் பூட்ஸ்டார்ப் மேம்பாட்டு சூழலை உருவாக்குவதன் மூலம் தொடங்குவோம். முந்தைய கட்டுரையில் நாங்கள் விளக்கியது போல், பூட்ஸ்டார்ப் என்பது எந்தத் திரையின் அளவையும் தானாக மாற்றியமைக்கும் தளங்களை உருவாக்குவதை எளிதாக்கும் ஒரு கட்டமைப்பாகும்.

உண்மையில், சிறப்பு கருவிகள் தேவையில்லை. உங்கள் டெஸ்க்டாப்பில் உள்ள டெக்ஸ்ட் எடிட்டரில் குறியீட்டை எளிதாக எழுதலாம். பலர் 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

நிக்ஸ்(ஓஎஸ்)

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

உள்ளூர் கோப்பின் இடம் தன்னிச்சையானது. நான் அவற்றை bootrap என்ற கோப்புறைக்குள் வைத்து JS மற்றும் CSS எனப்படும் இரண்டு துணை கோப்புறைகளை உருவாக்கினேன்.

மீதமுள்ள குறியீடு உங்களுக்கு புரியவில்லை என்றால் கவலைப்பட வேண்டாம். அடுத்த கட்டுரையில் அதைக் கவனிப்போம்.

குறிப்பு

கட்டுரையை வெளியிட்ட பிறகு, எங்கள் உள்ளடக்க மேலாளர் HTML குறியீட்டைக் காட்டவில்லை, ஆனால் முடிவைக் காட்டுகிறார் என்பதைக் கண்டுபிடித்தேன். நான் உதாரணங்களை கிதுப் அல்லது அது போன்றவற்றில் பதிவேற்றுவேன் மற்றும் இங்கே ஸ்கிரீன் ஷாட்களை இடுகிறேன்.