फीनिक्स लाइव व्यू: जब जावास्क्रिप्ट कोड मजेदार है *

* उसकी अनुपस्थिति के कारण

फीनिक्स लाइव व्यू के बारे में लेख की निरंतरता। आज मैं तकनीक के साथ आरामदायक काम के लिए बुनियादी विन्यास का वर्णन करूंगा और एक नया एप्लिकेशन बनाऊंगा।

अमृत ​​और फीनिक्स स्थापित करें

हमें अमृत की आवश्यकता है (स्थापना प्रक्रिया संदर्भ द्वारा है)। लेकिन खिड़कियों पर या तो डॉकटर या आवारा डालना बेहतर है। मैं मानूंगा कि आप पहले से ही इन तकनीकों से अवगत हैं। हम डेटाबेस को अनदेखा करते हैं, उनके साथ किसी अन्य प्रोजेक्ट में काम करने पर विचार करना बेहतर है।

अमृत ​​स्थापित करने के बाद, फीनिक्स स्थापित करें (घर के संदर्भ के लिए लिंक)। वास्तव में, हमें अमृत के आवश्यक संस्करण को सुनिश्चित करने की आवश्यकता है

elixir -v 

आज के लिए प्रासंगिक के रूप में 1.8.2 जारी करना चाहिए। और फीनिक्स की स्थापना स्वयं शुरू करें

 mix archive.install hex phx_new 1.4.6 

1.4.6 आज के लिए प्रासंगिक है, आप यहां वर्तमान संस्करण देख सकते हैं। परियोजना वेबपैक का उपयोग करेगी, यह फोनिक्स में बॉक्स से बाहर आती है और इसलिए हमें नोडज की आवश्यकता होती है ।

आईडीई

आईडीई चुनना एक सिरदर्द है, लेकिन खुद के लिए, मैंने फैसला किया कि मैं रूबिमाइन पर विकसित करूंगा, एक उत्कृष्ट प्लगइन है जिसे अमृत कहा जाता है। आंसू बंद रंग योजना समय के साथ स्पष्ट हो जाती है और मैं अब vscode पर नहीं लौटना चाहता, लेकिन मैं यह कहना चाहता हूं कि संबंधित प्लग-इन के माध्यम से अमृत समर्थन भी बहुत अच्छी तरह से लागू होता है , मैं इसे कोड प्रेमियों के लिए सुझाता हूं।

परियोजना निर्माण

अमृत ​​पर भंडारण परियोजनाओं के लिए एक सुविधाजनक फ़ोल्डर बनाएं और कंसोल पर जाएं:

 cd ~/ElixirProjects/ mix help #    mix help phx.new #           mix phx.new fire --no-ecto #   fire           Fetch and install dependencies? [Yn] #   

संकलन में कुछ समय लगेगा

 cd fire mix phx.server 

यदि सभी निर्भरताएं सफलतापूर्वक स्थापित हो गई हैं और कुछ [info] Access FireWeb.Endpoint at http://localhost:4000 तो साहसपूर्वक ब्राउज़र http: // localhost: 4000 पर जाएं । पृष्ठ को कई बार पुनः लोड करें और टर्मिनल पर लौटें। वहां आपको एक दिलचस्प लॉग मिलेगा, जहां interestings एक माइक्रोसेकंड है, और FireWeb.PageController.index उस फ़ंक्शन का नाम है जो आपके अनुरोध को संसाधित करता है। आइडीई में कोड खोलें और जारी रखें।

इसके साथ कैसे काम करें?

सभी मुख्य कोड लिब फोल्डर में होंगे। फ़ाइल lib / fire_web / टेम्पलेट्स / पृष्ठ / index.html.eex का पता लगाएँ, दूसरे अनुभाग को हटाएं, सहेजें और ब्राउज़र पर वापस लौटें। आपको पृष्ठ को फिर से लोड करने की आवश्यकता नहीं है, फ़ीनिक्स आपके लिए करेगा। परिणाम के आउटपुट के साथ निष्पादन योग्य कोड डालने के लिए टेम्पलेट इंजन को वर्णों के इनपुट की आवश्यकता होती है <%= और %> । टेम्प्लेट के निचले भाग में, <%= "Fire man" %> दर्ज करें और ब्राउज़र में परिणाम देखें। सर्वर काम करना बंद करने के लिए, कंसोल में ctrl + c डबल-क्लिक करें

परिणाम

इस स्तर पर, आपके पास प्रयोग के लिए तैयार वातावरण होना चाहिए। अन्य परियोजनाओं को बनाने के लिए स्वतंत्र महसूस करें। यदि आप इसे बिना -no-ecto या जोड़कर --umbrella (microservice आर्किटेक्चर बनाने) के बिना प्रोजेक्ट कोड में अंतर को देखते हैं। आगे के काम के लिए आपको बुनियादी डेटा प्रकारों को जानना होगा। रूसी में पाठ के दो स्रोतों और अंग्रेजी में आधिकारिक दस्तावेज़ीकरण के साथ खुद को परिचित करना उचित है। एलिक्सिरस्कूल आंशिक रूप से रूसी में अनुवादित है और मैं इस संसाधन से भाषा सीखना शुरू करने की सिफारिश करूंगा। यदि आप वास्तव में लाइवव्यू पर एक एप्लिकेशन बनाना चाहते हैं तो यहां एक लेख है जिस पर हम भविष्य में निर्माण करेंगे।

@Proelixir रूसी भाषी टेलीग्राम समुदाय से जुड़ें और @proelixir_news चैनल पर नवीनतम समाचार और रिक्तियों को देखें।