ফোল্ডারের নাম, .css, .ts, spec.ts এবং app.module.ts এর মতো সমস্ত উপাদান ফাইল ম্যানুয়ালি সম্পাদনা করা ছাড়া Angular CLI এর সাথে কোনও উপাদানটির নতুন নামকরণের জন্য কি কোনও শর্টকাট আছে?
ng destroy
আপনার ভাগ্যে নেই ...
ফোল্ডারের নাম, .css, .ts, spec.ts এবং app.module.ts এর মতো সমস্ত উপাদান ফাইল ম্যানুয়ালি সম্পাদনা করা ছাড়া Angular CLI এর সাথে কোনও উপাদানটির নতুন নামকরণের জন্য কি কোনও শর্টকাট আছে?
ng destroy
আপনার ভাগ্যে নেই ...
উত্তর:
না!
কমান্ড কমান্ড কমান্ড ব্যবহার করে উত্পন্ন সমস্ত ফাইলের নাম পরিবর্তন করতে পারে এমন কোনও কমান্ড নেই। সুতরাং নির্মিত ts
, html
, css/scss
, .spec.ts
ফাইল নিজে পুনরায় নাম দেওয়ার / সম্পাদিত প্রয়োজন।
আমি একটি ঘন ঘন ব্যবহারকারী angular cli
এবং আমি মনে করি এটি একটি সুন্দর-থেকে-কমান্ড হবে কিছু সময় হিসাবে আমরা কেবল কৌনিক উপাদান তৈরি করি এবং তাদের নতুন নামকরণ করা প্রয়োজন। যেহেতু এই পুনর্নামকরণ কমান্ডটি নেই, তাই তৈরি কৌণিক উপাদান, নির্দেশিকা ইত্যাদি মুছে ফেলা এবং পুনরায় উপাদানটি তৈরি করতে কমান্ড চালানো সত্যিই একটি ব্যথা।
এই বৈশিষ্ট্যটির নামকরণ কৌণিক উপাদান যুক্ত করার জন্য এখানে আলোচনা লিঙ্কটি
WebStorm 2018.1.2
শব্দের উপর নতুন উপাদানটির পুনরায় নামকরণের অনুমতি দেয় তবে এটি কখনও ব্যবহার করেনি। পরে কোনও দিন চেষ্টা করবে
বর্তমানে কৌণিক সিএলআই কোড পরিবর্তন করে বা রিফ্যাক্টরিংয়ের বৈশিষ্ট্যটি সমর্থন করে না।
আপনি কিছু আইডিইর সাহায্যে এ জাতীয় কার্যকারিতা অর্জন করতে পারেন।
ইন্টেলিজ, অ্যাকলিপস, ভিএসকোড ইত্যাদি। রিফ্যাক্টরিংয়ের ডিফল্ট সমর্থন করে।
আজকাল ভিএসকোড কিছুটা আপ্ট্রেন্ড দেখিয়ে দিচ্ছে, ব্যক্তিগতভাবে আমি এর ভক্ত
ভিএসকোডের সাথে রিফ্যাক্টরিং
রেফারেন্স নির্ধারণ করুন : - ভিএস কোড আপনাকে ভেরিয়েবল নির্বাচন করে এবং শর্টকাট SHIFT
+ টিপে ভেরিয়েবলের সমস্ত রেফারেন্স খুঁজতে সহায়তা করে F12
। এটি টাইপ স্ক্রিপ্টের সাথে অবিশ্বাস্যভাবে ভাল কাজ করে।
রেফারেন্সের সমস্ত উদাহরণগুলির পুনঃনামকরণ : - সমস্ত রেফারেন্সগুলি সন্ধানের পরে আপনি টিপতে পারেন F2
একটি পপআপ খুলবে এবং আপনি মানটি পরিবর্তন করতে পারবেন এবং এন্টার এ ক্লিক করতে পারেন এবং রেফারেন্সের সমস্ত উদাহরণ আপডেট করবে।
ফাইল এবং আমদানির নামকরণ আপনি একটি প্লাগইন দিয়ে কোনও ফাইল এবং এর আমদানি রেফারেন্সের নাম পরিবর্তন করতে পারেন। আরও বিশদ এখানে পাওয়া যাবে
ভেরিয়েবল এবং ফাইলগুলির নাম পরিবর্তন করার পরে উপরের পদক্ষেপের সাহায্যে আপনি কৌণিক উপাদানটির নাম পরিবর্তন করতে পারবেন।
দেখতে কৌণিক-পুনঃনামকরণ
ইনস্টল
npm install -g angular-rename
ব্যবহার
$ ./angular-rename OldComponentName NewComponentName
যখন ওপি একটি সি এল এল কমান্ড চেয়েছে, কিছু উত্তর আইডিইগুলিতে ফোকাস করে। এই উত্তরে আমি কেবল নিশ্চিত করি যে বর্তমান ওয়েবস্টোরম / ইন্টেলিজিজ উপাদানটির নাম পরিবর্তন করার অনুমতি দেয়। যা করা দরকার তা হ'ল .ts
ফাইলের ক্লাসটির নতুন নামকরণের চেষ্টা করা । আপনার সাথে উপস্থাপন করা হবে:
এবং নামটি সমস্ত সম্পর্কিত জায়গায় সম্পাদন করা হবে।
প্রথম উত্তরটি ইঙ্গিত হিসাবে, বর্তমানে উপাদানগুলির নাম পরিবর্তন করার কোনও উপায় নেই সুতরাং আমরা সকলেই কেবল কাজের আশপাশের কথা বলছি! এই আমি কি কি:
আপনার পছন্দ মতো নতুন উপাদান তৈরি করুন।
এনজি উপাদান নতুন নাম উত্পন্ন
কোড / টুকরো পাশাপাশি সুবিধামত পাশাপাশি সরানোর জন্য ভিজ্যুয়াল স্টুডিও কোড সম্পাদক বা অন্য যে কোনও সম্পাদক ব্যবহার করুন!
লিনাক্সে, রেফারেন্সগুলি সন্ধান / প্রতিস্থাপন করতে গ্রেপ এবং সেড (সন্ধান করুন এবং প্রতিস্থাপন) ব্যবহার করুন।
গ্রেপ -ir "পুরাতন নাম"
সিডি আপনার ফোল্ডার
সেড-আই এর / পুরাতন নাম / নতুন নাম / জি '*
আমি ব্যক্তিগতভাবে এর জন্য কোনও আদেশ পাইনি। একটি নতুন উপাদান (নাম পরিবর্তিত হয়ে নাম) করতে এবং পূর্ববর্তী উপাদান এর অনুলিপি করা এবং আটকানো html
, css
এবং ts
। ইন ts
স্পষ্টত বর্গ নাম প্রতিস্থাপন করা হবে। এটি সবচেয়ে নিরাপদ পদ্ধতি তবে কিছুটা সময় নেয়।