बूटस्ट्रॅप विकास वातावरण तयार करणे

या लेखात आम्ही बूटस्ट्रॅप विकास वातावरण तयार करून सुरुवात करू. आम्ही मागील लेखात स्पष्ट केल्याप्रमाणे, बूटस्ट्रॅप ही एक फ्रेमवर्क आहे जी आमच्यासाठी कोणत्याही स्क्रीन आकाराशी आपोआप जुळवून घेणाऱ्या साइट तयार करणे सोपे करते.

खरं तर, कोणत्याही विशेष साधनांची आवश्यकता नाही. तुम्ही तुमच्या डेस्कटॉपवरील टेक्स्ट एडिटरमध्ये कोड सहज लिहू शकता. अनेकांना HTML, CSS आणि Javascript चे समर्थन देखील आहे. परंतु, एकात्मिक विकास वातावरणात इतर साधने समाविष्ट आहेत जी तुम्हाला कोड लिहिणे आणि प्रूफरीड करणे सोपे करतात.

बूटस्ट्रॅप विकास वातावरण तयार करणे

माझ्या आवडीनुसार, सर्वोत्तम एकात्मिक विकास वातावरण म्हणजे व्हिज्युअल स्टुडिओ कोड. परंतु, अनेक Linux वापरकर्त्यांना ते आवडत नाही कारण ते Microsoft ला टेलीमेट्री पाठवते. असे असले तरी, एक पर्याय आहे जो 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 / रॉकी लिनक्स / 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

ओपनसुसे / सुसे: 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. यावर क्लिक करा भाषा बदला आणि रीस्टार्ट करा.

व्हीएसकोडमध्ये विस्तारांचा एक मोठा संग्रह आहे जो विविध भाषांमध्ये प्रोग्रामिंग सुलभ करतो आणि आम्ही ते व्हीएसकोडियममध्ये देखील वापरू शकतो. आम्हाला आवश्यक असलेले स्थापित करूया:

1. यावर क्लिक करा प्राधान्ये.
2. यावर क्लिक करा विस्तार
3. आम्ही लिहितो आरंभ शोध इंजिन मध्ये.
4. आम्ही म्हणते ते निवडा बूटस्ट्रॅप 5 आणि फॉन्ट अप्रतिम स्निपेट्स.
5. install वर क्लिक करा

आम्ही साइट कोड लिहायला सुरुवात केल्यावर या विस्ताराचा वापर पाहू. पण, मला एक खुलासा करावा लागेल. ते कार्य करण्यासाठी तुम्हाला कमांड टाईप कराव्या लागतील. या प्रकरणात कॉपी आणि पेस्ट कार्य करत नाही.

बूटस्ट्रॅप मिळवत आहे

बूटस्ट्रॅप हा मुळात घटकांचा संग्रह आहे. जेव्हा आपण बूटस्ट्रॅपवर आधारित वेबसाइटचा कोड लिहितो ब्राउझरला ते कोठे शोधायचे हे आपल्याला प्रथम सांगण्याची आवश्यकता आहे.

बूटस्ट्रॅप मिळविण्यासाठी दोन पर्याय आहेत. प्रथम ते वरून डाउनलोड करणे आहे वेब पेज आणि ते प्रोजेक्ट फाईल्समध्ये जोडा आणि दुसरे म्हणजे प्रोजेक्टच्या सर्व्हरवर लिंक टाकणे. हे काही पॅकेज मॅनेजर वापरून देखील डाउनलोड केले जाऊ शकते (म्हणजे भिन्न प्रोग्रामिंग भाषा वापरतात, वितरणाद्वारे वापरल्या जाणार्‍या नाहीत) परंतु, आम्ही ते कागदपत्रांवर सोडू.

कृपया लक्षात घ्या तुम्ही स्थानिक पातळीवर बूटस्ट्रॅप फाइल्ससह काम करण्यास प्राधान्य दिल्यास, तुम्हाला त्या सर्व्हरवर अपलोड कराव्या लागतील. उर्वरित वेबसाइटसह. तुम्ही प्रोजेक्टच्या CDN सर्व्हरशी लिंक केल्यास, त्याची गरज भासणार नाही.

जर तुम्ही बूटस्ट्रॅप पॅकेज डाउनलोड केले तर तुम्हाला दिसेल की दोन फोल्डर्स आणि फाइल्सची मालिका आहे. आम्हाला फक्त दोघांमध्येच रस आहे. JS फोल्डरमधून bootstrap.bundle.js आणि CSS फोल्डरमधून bootstrap.css.

दोन्ही पर्यायांसाठी कोड जवळजवळ समान आहे. फक्त स्थान मार्ग बदला.

एक उदाहरण पाहू
स्थानिक पातळीवर बूटस्ट्रॅप वापरणे

प्रकल्प CDN मधून वापरणे

स्थानिक फाइलचे स्थान अनियंत्रित आहे. मी ते बूटट्रॅप नावाच्या फोल्डरमध्ये ठेवले आणि जेएस आणि सीएसएस नावाचे दोन सबफोल्डर तयार केले.

तुम्हाला उर्वरित कोड समजला नसेल तर काळजी करू नका. आम्ही पुढील लेखात याची काळजी घेऊ.

नोट

लेख प्रकाशित केल्यानंतर मला आढळले की आमचा सामग्री व्यवस्थापक HTML कोड दाखवत नाही तर परिणाम दाखवतो. मी Github किंवा तत्सम उदाहरणे अपलोड करेन आणि मी येथे स्क्रीनशॉट टाकेन.