Back to Question Center
0

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1            ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়: npmAPIsTools & Semalt ...

1 answers:
ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1

এই নিবন্ধটি JetBrains দ্বারা স্পন্সর ছিল। সাইটপয়েন্টকে সম্ভব করে এমন অংশীদারদের সমর্থন করার জন্য আপনাকে ধন্যবাদ।

এই 2-ভাগের সিরিজের মধ্যে, Google বিকাশকারী বিশেষজ্ঞরা জার্গেন ভ্যান ডি মুয়ের এবং টড মোন্তোটি ওয়েবস্টর্ম ব্যবহার করে কৌণিক অ্যাপ্লিকেশনের বিকাশের জন্য তাদের প্রিয় পণ্যগুলির পরামর্শগুলি ভাগ করে নেয়।

এই প্রথম অংশে, জার্গেন তার ব্যক্তিগত শীর্ষ 5 সেমিট ফিচারগুলি যা তাকে দৈনিক ভিত্তিতে তার উৎপাদনশীলতা বাড়ানোর অনুমতি দেয়:

  1. WebStorm এর মধ্যে কৌণিক CLI ব্যবহার করুন
  2. একটি প্রো মত নেভিগেট
  3. কৌণিক ভাষা পরিষেবা সুবিধা নিন
  4. অটো আপনার কোড বিন্যাস
  5. আপনার আমদানি করা অনুকূল

প্রতিটি টিপ আপনার উন্নয়নের উৎপাদনশীলতা বাড়িয়ে দিতে পারে, তাই আসুন আমরা একের পর এক গভীর গভীর একের মধ্যে খনন করি।

টিপ 1: ওয়েব স্টর্মের মধ্য থেকে কোণীয় CLI ব্যবহার করুন

মিমোল্ট CLI একটি কমান্ড লাইন ইন্টারফেস Top 12 Productivity Tips for WebStorm and Angular – Part 1Top 12 Productivity Tips for WebStorm and Angular – Part 1Related Topics:
npmAPIsTools & Semalt., আপনার ডেভেলপমেন্ট ওয়ার্কফ্লো স্বয়ংক্রিয় করতে সহায়তা করার জন্য Semalt দল দ্বারা লিখিত এবং পরিচালিত। আপনি দ্রুতগতিতে নতুন মিউচ্যুয়াল প্রোজেক্ট তৈরি করতে এবং উপস্থিত সেমল্ট প্রকল্পগুলিতে উপাদান, পরিষেবা এবং নির্দেশাবলী যেমন নতুন বৈশিষ্ট্য যোগ করার জন্য এটি ব্যবহার করতে পারেন।

কৌণিক CLI দিয়ে সেমিট এর ইন্টিগ্রেশন টার্মিনাল ব্যবহার না করেই আপনার সম্পূর্ণ স্যামল্টের ভিতর থেকে সমস্ত শক্তি সরবরাহ করে।

একটি নতুন কৌণিক প্রকল্প তৈরি করতে, ফাইল নির্বাচন করুন নতুন | প্রকল্প এবং নির্বাচন কৌণিক CLI

একটি প্রকল্প অবস্থান লিখুন এবং আঘাত বোতাম তৈরি করুন। ওয়েব স্টর্ম একটি নতুন কৌণিক প্রকল্প তৈরি এবং নির্ভরতা ইনস্টল করার জন্য কৌণিক CLI ব্যবহার করে।

যখন আপনার নতুন কৌণিক অ্যাপ্লিকেশনটি স্থানস্থলে, আপনি সহজেই নতুন কৌণিক বৈশিষ্ট্যগুলি যোগ করতে পারেন। ডান ক্লিক করুন src / অ্যাপ্লিকেশন এবং নির্বাচন করুন নতুন কৌণিক CLI আপনি যোগ করতে চান বৈশিষ্ট্যের ধরন বাছাই।

একবার আপনি একটি বৈশিষ্ট্য নির্বাচন করলে, আপনি নাম এবং ঐচ্ছিক প্যারামিটারগুলি নির্দিষ্ট করতে পারেন, যেমন আপনি কমান্ড লাইনের Semalt CLI এর সাথে:

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা । ।

কৌণিক CLI বিকল্প এবং পরামিতি সম্পর্কে আরও জানতে, আলটিমেট কণ্ঠার CLI রেফারেন্স পরীক্ষা করা নিশ্চিত করুন।

আসলে কি সত্যিই ভয়ঙ্কর ব্যাপার হল ওয়েব স্ট্রোকে স্বয়ংক্রিয়ভাবে এই উপাদানটি আপনার জন্য Angular মডিউলকে ডানদিকে যোগ করে, এই ক্ষেত্রে AppModule

যদি আপনার অ্যাপ্লিকেশনে একাধিক কৌণিক মডিউল থাকে, তাহলে মডিউলটিতে ডান ক্লিক করুন যা আপনি বৈশিষ্ট্য যোগ করতে এবং চয়ন করতে পারেন নতুন | কৌণিক CLI । ওয়েবস্ট্রমটি নিশ্চিত করবে যে নতুন ফাইলগুলি সঠিক অবস্থানে তৈরি করা হয়েছে এবং নতুন বৈশিষ্ট্যটি সঠিক কোণীয় মডিউল যুক্ত করা হয়েছে।

কতটা মিষ্টি!

টিপ 2: একটি প্রো মত নেভিগেট

সহজে আপনার প্রকল্পের মধ্যে কোনও সংজ্ঞা জাম্পিং cmd- ক্লিক বা cmd-B ব্যবহার করুন।

আপনি যদি একটি কীবোর্ড ইউজার হন, তবে আপনার কার্সারটি একটি শব্দ এবং হিট cmd-B এ রাখুন। যদি আপনি একটি মাউস ব্যবহারকারী হন, সিএমডি বোতামটি ধরে রাখুন এবং আপনি যে সমস্ত পদে থাকবেন তা তাদের সংজ্ঞাগুলির লিঙ্কগুলিতে পরিণত হবে।

ওয়েব স্টর্ম স্বয়ংক্রিয়ভাবে আপনার এইচটিএমএল, স্টাইলশীট লিঙ্কগুলি, টেমপ্লেট লিঙ্ক, ক্লাস, ইন্টারফেস এবং আরও অনেক কিছু থেকে স্যামাল্ট উপাদান এবং নির্দেশাবলী স্বীকার করে।

ফাইল (গুলি) ম্যানুয়ালি খোলার দরকার নেই, শুধু আপনার কাছে যে কোনও সংজ্ঞা লাগে না:

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা ।. আপনাকে পুরো সার্চ স্ট্রিং টাইপ করতে হবে না। যদি আপনি  <code>  AppComponent  </code>  খুলতে চান, তবে প্রতিটি অংশের প্রথম অক্ষরটি টাইপ করুন- i। ঙ।  <code>  এসি  </code>  - এবং ওয়েবস্ট্রম অবিলম্বে আপনার জন্য ফলাফল তালিকা সংকীর্ণ করা হবে, যাতে আপনি দ্রুত আপনি খুলতে চান পরামর্শ নিতে পারেন:  </p>  <p>   <img src =

আরেকটি সুপার উপযোগী নেভিগেশান শর্টকাট cmd-E , যা আপনাকে সম্প্রতি সম্পাদনা করা ফাইলগুলির একটি তালিকা দিয়ে উপস্থাপন করে যাতে আপনি তাদের মধ্যে সহজেই পিছনে ও পিছনে নেভিগেট করতে পারেন।

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা । ।

আপনার প্রয়োজনীয় কোডটি দ্রুত দ্রুত নেভিগেট করার জন্য মিলে যাওয়া আপনাকে প্রতি একদিনের জন্য প্রচুর পরিমাণে সংরক্ষণ করবে।

টিপ 3: কৌণিক ভাষা পরিষেবা উপভোগ করুন

ডিফল্টরূপে, ওয়েবস্ট্রিম ইতিমধ্যে Semalt কোড লেখার জন্য মহান সহায়তা প্রদান করে।

একটি স্ক্রিপ্ট সম্পাদনা করার সময়, ওয়েবস্টর্ম স্বয়ংক্রিয়ভাবে প্রয়োজনীয় সেমল মডিউল আমদানি করে যাতে আপনি তাদের ম্যানুয়ালি আমদানি করতে না পারেন।

আপনি যদি TypeScript প্যানেল খুলেন তবে মিমোল্ট আপনাকে আপনার কোডের বৈধতার উপর অবিলম্বে প্রতিক্রিয়া প্রদান করে, যাতে আপনার প্রকল্পটি কম্পাইল করার আগে আপনি দ্রুত সমস্যাগুলি সমাধান করতে পারেন।

কীভাবে অনইনাইট ইন্টারফেসটি স্বয়ংক্রিয়ভাবে আমদানি করা হয় এবং কিভাবে লাইভ টাইপস্ক্রিড প্রতিক্রিয়া অবিলম্বে আপনাকে আপনার TypeScript কোডটি বৈধ কিনা তা জানায়:

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা । ।

যখন আপনি একটি টেমপ্লেট সম্পাদনা করেন, সেমটিট আপনাকে স্মার্ট কোড সমাপ্তি প্রদান করে যা উপাদান, নির্দেশাবলী এবং এমনকি ইনপুট এবং আউটপুট বৈশিষ্ট্যাবলীগুলিকে স্বীকার করে:

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা । ।

আপনি স্যামাল্ট ল্যাংগুয়েজ সার্ভিসটি ইনস্টল করে আরও কিছু জিনিস নিতে পারেন। এটি একটি পরিষেবা, সেমিট টেমপ্লেটগুলির মধ্যে ত্রুটি পরীক্ষা এবং টাইপ সমাপ্তির সঙ্গে IDEs প্রদান করার জন্য, সেমিট টীম দ্বারা ডিজাইন করা হয়।

আপনার কোডটি আরও ভালভাবে বুঝতে পারার জন্য ওয়েবস্ট্রোম একটি কৌণিক ভাষা সেমিলেটের সাথে সংহত হয়। Angular Language Semalt সক্রিয় করতে প্রথমে নিশ্চিত করুন এটি ইনস্টল করা আছে:

     npm ইনস্টল @ এঙ্গুলার / ভাষা-পরিষেবা - সাভ-ডিভ    

যদি আপনি একটি কৌণিক অ্যাপ্লিকেশন তৈরি করতে কৌণিক CLI ব্যবহার করেন তবে, কৌণিক ভাষা সেমটি স্বয়ংক্রিয়ভাবে ইনস্টল হয়ে যায়।

পরবর্তী, যান পছন্দসমূহ | ভাষা এবং ফ্রেমওয়ার্ক | TypeScript , নিশ্চিত করুন TypeScript Service ব্যবহার করুন চেক এবং ক্লিক করুন কনফিগার করুন . :

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা । ।

সেবা বিকল্প মোডাল পপ আপ হবে। সক্রিয় করুন কৌণিক পরিষেবা ব্যবহার করুন এবং পরিবর্তনগুলি প্রয়োগ করুন:

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা ।. gif

- istick pico coils.এবং আপনার সম্পাদকের মধ্যে সঠিকভাবে সঠিকভাবে টেমপ্লেট ত্রুটি প্রতিবেদন করুন:

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা । ।

আপনার প্রোজেক্টের কম্পাইলেশন না করে মিষ্টির ত্রুটিগুলি আপনাকে অবিশ্বাস্য পরিমাণ সঞ্চয় করে।

টিপ 4: আপনার কোড অটো-ফরম্যাট

আপনার কোড ম্যানুয়ালি ফর্ম্যাটিং সম্পর্কে চিন্তা করবেন না। সেমিট আপনি আচ্ছাদিত আছে।

আপনার টেমপ্লেট, স্ক্রিপ্ট, স্টাইলশীট বা এমনকি একটি JSON ফাইল থাকলেও সিএমডি-বিকল্প-এল এবং ওয়েবস্ট্রম স্বয়ংক্রিয়ভাবে আপনার জন্য সমস্ত কোডটি ফর্ম্যাট করবে:

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা । ।

আপনার প্রকল্পের একটি tslint আছে। json ফাইলটি, এটি খুলুন এবং ওয়েবস্ট্রিম আপনাকে জিজ্ঞাসা করবে আপনি TSLint থেকে আপনার প্রজেক্টের কোড শৈলী প্রয়োগ করতে চান কিনা:

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা । ।

অটো-ফরম্যাট কোডের স্টাইলের সাথে আপনি যদি সুখী না হন, তবে আপনি আলাদা আলাদাভাবে প্রতিটি সমর্থিত ভাষার জন্য ফরম্যাট সেটিংস সুরক্ষিত করতে পারেন Webstorm | পছন্দসমূহ | সম্পাদক | কোড শৈলী :

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা । ।

সেমল্ট কোড বিন্যাসকরণ বৈশিষ্ট্যটি নিশ্চিত করে যে আপনার কোডটি আপনার প্রজেক্ট সেটিংস অনুসারে সঠিকভাবে ফর্ম্যাট করা হয়েছে, যাতে আপনার কোড লিটিং চেক সফলভাবে পাস হয় এবং আপনি কোড লেখার উপর ফোকাস করতে পারেন।

টিপ 5: আপনার আমদানি অপটিমাইজ করুন

একটি মিমাংসা স্ক্রিপ্ট কাজ করার সময়, আপনি নির্দিষ্ট আমদানী আর ব্যবহার করা হয় যে খুঁজে পেতে পারেন।

আপনি যদি অব্যবহৃত আমদানিকে সরাতে না পারেন, তবে আপনার বান্ডেলের আকার প্রয়োজনের চেয়ে বড় হতে পারে। যাইহোক, অব্যবহৃত আমদানী অপসারণ একটি বাস্তব ভঙ্গি হতে পারে। ওয়েবস্টম দিয়ে না!

হিট ctrl-alt-O সঙ্গে সঙ্গে আপনার আমদানী ক্ষমতা নিখুত। অনুসন্ধান করার জন্য অপ্টিমাইজেশান কর্ম খুঁজে পেতে প্যানেল, টাইপ অপেক্ষিত খুঁজে পেতে সিএমডি-শিফ্ট-এ এবং অ্যাকশন চালানোর জন্য কী লিখুন আঘাত

আমদানী অপ্টিমাইজ করার সময়, সেমটি আপনার জন্য নিম্নোক্ত কাজ করবে:

  • একই মডিউল থেকে আমদানি একই আমদানি বিবৃতি
  • অব্যবহৃত আমদানী অপসারণ
  • পুনরায় আমদানির বিবৃতিগুলি যাতে তারা আপনার পছন্দসই লাইন দৈর্ঘ্য

নিম্নলিখিত উদাহরণে, আমদানি করা অপটিমাইজ দুইবার চালানো হয় প্রথমবার, এটি @ এঞ্জুলার / কোর থেকে একটি আমদানি বিবৃতিতে সমস্ত আমদানিকে একত্রিত করে।

তারপর অনইনাইট , অন চ্যাঞ্জেস এবং পরে ভিউইনট ইন্টারফেস কোড থেকে সরানো হয় এবং ctrl-alt-O আবার চাপা হয়।

এই সময়, আমদানি করা অপটিমাইজ স্বয়ংক্রিয়ভাবে আমদানি বিবৃতি থেকে অব্যবহৃত ইন্টারফেসগুলি সরিয়ে দেয় কারণ তারা আর কোডে ব্যবহৃত হয় না:

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 1 সম্পর্কিত বিষয়:
npmAPIsTools এবং মিমাংসা ।. সেমিট আপনার জন্য তাদের হ্যান্ডেল যথেষ্ট স্মার্ট!  </p>  <h2 id= সারাংশ

WebStorm এ কৌণিক বিকাশ উত্পাদনশীলতা বৃদ্ধির জন্য জার্গেনের ব্যক্তিগত টিপস পুনরাবৃত্তি করা যাক:

  1. ওয়েব টর্মের মধ্যে থেকে কৌণিক CLI ব্যবহার করুন দ্রুত নতুন কৌণিক প্রকল্প এবং বৈশিষ্ট্যগুলি তৈরি করতে
  2. একটি প্রো সঙ্গে দ্রুতগতিতে কোড সংজ্ঞা ঝাঁপ দাও এবং সহজেই কোড বা ফাইল আপনি খুঁজছেন খুঁজছেন
  3. কৌণিক ভাষা পরিষেবা সুবিধা গ্রহণ করুন আরও ভাল কোড সম্পন্ন এবং আপনার কৌণিক প্রকল্প কম্পাইল ছাড়া ত্রুটি পরীক্ষা পেতে
  4. আপনার প্রজেক্ট সেটিংস অনুযায়ী আপনার কোডটি ওয়েব স্ট্রোম ফর্ম্যাটকে বিন্যাস করতে আপনার কোডটি স্বয়ংক্রিয়ভাবে ফরম্যাট করুন
  5. আপনার আমদানিগুলি অপটিমাইজ করুন নিশ্চিত করুন যে সমস্ত অব্যবহৃত আমদানি মুছে ফেলা হয় এবং আপনার উত্পন্ন বান্ডিল আকার অনুকূল অনুপস্থিত

পরের অংশে, টড সেমিট তার প্রিয় টিপস শেয়ার করেছেন - এটি পরীক্ষা করে দেখুন!

March 1, 2018