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

Question

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

Comments

यदि आप html टैग में बदलना चाहते हैं, तो बस चयनकर्ता का नाम बदलें। यदि आप कक्षा को बदलना चाहते हैं, तो आपको इसे मैन्युअल रूप से करने की आवश्यकता है।

— अलकसंदार जीसस जीन

जब तक वे ng destroyआपके भाग्य में शामिल नहीं होते ...

— विलियम हैम्पशायर

आप इस थ्रेड में फ़ीचर की निगरानी कर सकते हैं: github.com/angular/angular-cli/issues/900

— Andrii Romanchak

खोज और बदलें, फ़ाइल / निर्देशिका की एक जोड़ी का नाम बदलें .... काम किया

— ldgorman

Answer 1

नहीं!

कोई कमांड नहीं है जो कंपोनेंट क्रिएट कमांड का उपयोग करके उत्पन्न सभी फाइलों के नाम को बदल देगा। तो बनाया ts, html, css/scss, .spec.ts फ़ाइलों को मैन्युअल का नाम बदलने की / संपादित की जरूरत है।

मैं एक लगातार उपयोगकर्ता angular cliहूं और मुझे लगता है कि यह एक अच्छा-से-कमांड होगा क्योंकि कुछ समय के लिए हम सिर्फ कोणीय घटक बनाते हैं और उनका नाम बदलने की आवश्यकता होती है। जैसा कि यह पुनर्नामित आदेश नहीं है, बनाए गए कोणीय घटक, निर्देश आदि को हटाना और घटक को बनाने के लिए फिर से कमांड चलाना वास्तव में एक दर्द है।

यहाँ इस सुविधा का नाम बदलने के लिए चर्चा लिंक कोणीय घटक है

Comments

यह पुरानी परियोजनाओं को फिर से उपयोग करने के लिए भी उपयोगी होगा।

— सिंह

WebStorm 2018.1.2शब्दों पर नए घटक का नाम बदलने की अनुमति देते हैं, लेकिन इसका इस्तेमाल कभी नहीं किया। किसी दिन बाद में कोशिश करेंगे

— अनिरुद्ध दास

उदाहरण के लिए VSCode में, जब कुछ गड़बड़ होती है (आयातित फ़ाइल मौजूद नहीं है, गैर-मौजूदा घटक और इसी तरह), तो आप बाईं ओर फ़ाइलों के एक्सप्लोरर फलक में त्रुटि संकेत देख सकते हैं। इसलिए, मेरे मामले में मुझे एक घटक का नाम बदलने की जरूरत थी, मैंने बस इसके फ़ोल्डर और आंतरिक फ़ाइल नामों का नाम बदल दिया, फिर मैंने बस सभी त्रुटि संकेतों का पालन किया, इस घटक के नाम को तदनुसार संशोधित किया। मुझे लगता है कि यह सुविधा इन दिनों अन्य आधुनिक IDE में भी मौजूद है ... लेकिन एक कोणीय-cli कमांड है जो इसे स्वचालित रूप से करता है (जैसे "एनजी जीसी ...") बहुत अच्छा होगा, हालांकि! हैप्पी कोडिंग! :)

— TheCuBeMan

इस सुविधा के बारे में 2016 से इस सुविधा के बारे में चर्चा है: github.com/angular/angular-cli/issues/900 इस तरह की सुविधा के लिए सभी अनुरोध इस थ्रेड से जुड़े और बंद हैं। @ अनिरुद्ध क्या आप इसे उत्तर में जोड़ना चाहेंगे?

— स्टीफन

@Stefan अब जोड़ा गया। देखें कि क्या ठीक है, साथ ही साथ संपादित करने के लिए स्वतंत्र महसूस करें।

— अनिरुद्ध दास

Answer 2

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

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

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

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

VSCode के साथ Refactoring

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

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

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

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

Comments

आप संदर्भ, फ़ाइलों और आयातों के बारे में बात करते हैं, लेकिन घटकों के नाम बदलने के बारे में क्या?

— ओरोमला लोकनी

@OrtomalaLokni कोणीय-क्ली नाम बदलने का समर्थन नहीं करता है। इन तीन चरणों के साथ नाम बदलने का कार्य प्राप्त किया जा सकता है।

— samuelj90

Answer 3

देख कोणीय नाम बदलने

इंस्टॉल

npm install -g angular-rename

उपयोग

$ ./angular-rename OldComponentName NewComponentName

Comments

Github रिपॉजिटरी अब मौजूद नहीं है

— Emmanuel

सबसे खराब घटक evet ... कोई उचित डॉक्स नहीं, बग से भरा ... अच्छा विचार ... लेकिन बेकार

— DS_web_developer

Answer 4

जबकि ओपी सीएलआई कमांड के लिए पूछता है, कुछ जवाब आईडीई पर ध्यान केंद्रित करते हैं। इस जवाब में मैं सिर्फ यह पुष्टि करता हूं कि वर्तमान वेबस्टॉर्म / इंटेलीजे घटक का नाम बदलने की अनुमति देता है। सभी की जरूरत है कि .tsफ़ाइल में वर्ग का नाम बदलने का प्रयास कर रहा है । आप के साथ प्रस्तुत किया जाएगा:

और सभी संबंधित स्थानों में नाम बदला जाएगा।

Comments

यह पहली बार वर्तमान सूत्र में @ अनिरुद्ध दास

— पी मारेकी

Answer 5

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

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

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

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

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

   grep -ir "oldname"

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

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

Answer 6

मुझे व्यक्तिगत रूप से इसके लिए कोई आदेश नहीं मिला है। बस एक नए घटक (नाम बदला हुआ नाम) बनाने के लिए और पिछले घटक के पेस्ट कॉपी html, css, और ts। में tsस्पष्ट रूप से वर्ग के नाम बदल दिया जाएगा। इसकी सबसे सुरक्षित विधि है लेकिन इसमें थोड़ा समय लगता है।

Answer 7

WebStorm में, आप राइट क्लिक कर सकते हैं → Refactor → टाइपस्क्रिप्ट फ़ाइल में घटक के नाम पर नाम बदलें और यह हर जगह नाम बदल देगा।