angular - कोणीय सीएलआई में एक घटक का नाम कैसे बदला जाए?




angular-components (3)

अद्यतन: आप घटकों के नाम बदलने के लिए, आप उपयोग कर सकते हैं: ng-rn

npm i ng-rn

प्रयोग

  cd /path/to/angular-project/
  ng-rn old-button fancy-button

उपकरण src / app / में घटकों के लिए लग रहा है। यदि आपके घटक src / app / my-vip-Components जैसे अधिक जटिल पथ में स्थित हैं, तो बस निर्देशिका बदलें:

  cd src/app/my-vip-components
  ng-rn old-button fancy-button

किसी भी परिवर्तन से पहले, अपना बैकअप बनाएं :)

क्या मैन्युअल रूप से सभी घटक फ़ाइलों जैसे फ़ोल्डर नाम, .css, .ts, spec.ts और app.module.ts को संपादित करने के अलावा कोणीय सीएलआई के साथ एक घटक का नाम बदलने का कोई शॉर्टकट है?


जैसा कि पहले उत्तर में संकेत दिया गया है, वर्तमान में घटकों का नाम बदलने का कोई तरीका नहीं है, इसलिए हम सभी काम के बारे में बात कर रहे हैं! मैं यह करता हूं:

  1. आपके द्वारा पसंद किया गया नया घटक बनाएँ।

    एनजी उत्पन्न घटक नया नाम

  2. विज़ुअल स्टूडियो कोड एडिटर या अन्य किसी भी एडिटर का उपयोग करें और फिर कोड / टुकड़ों को आसानी से साइड में ले जाएं!

  3. लिनक्स में, संदर्भों को खोजने / बदलने के लिए grep & sed (ढूँढें और बदलें) का उपयोग करें।

    grep -ir "oldname"

    अपने फ़ोल्डर को सीडी

    sed -i 's / पुराना नाम / newName / g' *


वर्तमान में कोणीय सीएलआई कोड का नाम बदलने या फिर से भरने की सुविधा का समर्थन नहीं करता है।

आप कुछ IDE की मदद से ऐसी कार्यक्षमता प्राप्त कर सकते हैं।

Intellij, Eclipse, VSCode आदि .. में रिफ्लेक्टिंगिंग का डिफ़ॉल्ट समर्थन है।

आजकल VSCode कुछ अपट्रेंड दिखा रहा है, व्यक्तिगत रूप से मैं इसका प्रशंसक हूं

VSCode के साथ Refactoring

नियतांक संदर्भ : - वीएस कोड आपको चर का चयन करके और शॉर्टकट SHIFT + F12 दबाकर एक चर के सभी संदर्भों को खोजने में मदद करता है। यह टाइप स्क्रिप्ट के साथ अविश्वसनीय रूप से अच्छी तरह से काम करता है।

संदर्भ के सभी उदाहरणों का नाम बदलना : - सभी संदर्भों को खोजने के बाद आप F2 दबा सकते हैं एक पॉपअप खुल जाएगा और आप मूल्य बदल सकते हैं और दर्ज करें पर क्लिक करें यह संदर्भ के सभी उदाहरणों को अपडेट करेगा।

फ़ाइलों और आयातों का नाम बदलना आप एक प्लगइन के साथ एक फ़ाइल और उसके आयात संदर्भों का नाम बदल सकते हैं। अधिक विवरण here पाया जा सकता here

चर और फ़ाइलों का नाम बदलने के बाद ऊपर दिए गए चरणों के साथ आप कोणीय घटक का नाम बदलकर प्राप्त कर सकते हैं।





angular-components