Back to Question Center
0

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

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

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

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

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

  • আমদানি পাথ গণনা ব্যবহার করুন
  • লাইভ টেমপ্লেট
  • IDE মধ্যে পরীক্ষা চালানো
  • সময় মাধ্যমে ভ্রমণ
  • TypeScript পরামিতি নির্দেশাবলী ব্যবহার করুন
  • ব্রেডক্রোমম ব্যবহার করে নেভিগেট করুন
  • এবং কৌণিক ডকুমেন্টেশন দেখার জন্য ওয়েবস্ট্রিম ব্যবহার করে

ওয়েবস্টর্মের কৌণিক অ্যাপ্লিকেশনগুলি বিকাশ করার সময় প্রতিটি টিপ আপনার প্রোডাকটিভিটিকে শক্তি দেবে সেমিট এই টিপস অন্বেষণ।

আমরা শুরু করার আগে!

সেটিংসে পরিবর্তন করার সময়, মনে রাখবেন ওয়েবস্ট্রিম আপনাকে আইডিই ব্যাপ্তি এবং একটি প্রকল্পের সুযোগে আলাদা আলাদা আলাদা আলাদা পরিবর্তন করতে পারবেন।

টিপ 6: আমদানি পাথ গণনা

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

WebStorm সম্পর্কে কি চমত্কার বিষয় হল আপনি এই আমদানি বিবৃতিগুলি টাইপ করতে হবে না! যখন আপনি একটি নির্মাণ যে সাধারণত আমদানি করা হবে ব্যবহার করতে হবে, শুধু যেখানে এটি প্রয়োজন টাইপ করুন। ওয়েবস্ট্রম অটোকামপটাইট কনটেক্সট মেনুতে আমদানি করার জন্য কনস্ট্রাক্টকে নির্দেশ করে অথবা কাস্টমাইজিকে হাইলাইট করে এবং অপশন + এন্টার টিপে এটিকে আমদানি করার বিকল্পটি দেয়।

মিমোল্ট আপনার জন্য নথির শীর্ষে একটি নতুন আমদানি বিবৃতি তৈরি করবে, অথবা একই উৎস লাইব্রেরি ব্যবহার করে এমন একটি বিদ্যমান ইম্পোর্ট গোষ্ঠীর সাথে যোগ করুন।

ওয়েবস্ট্রম আপনাকে আপনার আমদানিগুলি পরিচালনা করার জন্য অন্যান্য বিশেষ বিকল্পগুলি প্রদান করে। এটির জন্য প্রয়োজন এমন প্রকল্পগুলির জন্য, আপনি ওয়েবস্টর্মকে নির্দেশ করতে পারেন যে সেগুলি tsconfig- এর সাথে সংশ্লিষ্ট আমদানি পাথগুলি গণনা করা হবে। json ফাইলের অবস্থান। যদি আপনি একটি ব্যারেল সূচক ব্যবহার করে আপনার রপ্তানি রোল করার সিদ্ধান্ত নিতে আপনার ফাইল আমদানি করতে ts ফাইল (ব্যারেল টেকনিক সম্পর্কে আরও পড়ুন) তারপর আপনি ব্যবহার করতে পারেন ডিরেক্টরি আমদানি ব্যবহার করুন (নড-শৈলী মডিউল রেজল্যুশন) । এটি নোড ব্যবহার করবে। জেএস মডিউল রেজোলিউশন কৌশল, পরিবর্তে TypeScript এর ক্লাসিক মডিউল রেজোলিউশন কৌশল।

সমস্ত মডিউল আমদানি করার প্রয়োজন না submodules আমদানি করার সময়, যে মডিউল যোগ করুন ঠিক থেকে তালিকা ইম্পোর্ট করা হয় না। ওয়েবস্টরম স্বয়ংক্রিয় আমদানির সময় নির্দিষ্ট পাথটি বাদ দেবে। উদাহরণস্বরূপ, থাকার পরিবর্তে:

     আমদানি 'পর্যবেক্ষক' থেকে 'Rxjs'    

তালিকার উৎপাদনের Rxjs যোগ করা:

     'rxjs / পর্যবেক্ষণযোগ্য' থেকে {পর্যবেক্ষক} আমদানি    

ওয়েব স্টর্মগুলি Rxjs মডিউলটি বাদ দেয় এবং আপনার জন্য স্বয়ংক্রিয়ভাবে স্যামাল্ট সাবডোম আমদানি করে!

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

অতিরিক্ত টিপ: কোঁকড়া বন্ধনী মধ্যে স্থান ব্যবহার করার জন্য ইনপুট ফর্ম্যাট করুন পছন্দসমূহ | সম্পাদক | কোড শৈলী | TypeScript - স্থানগুলি - মধ্যে - ES6 আমদানি / রপ্তানি বন্ধনী

ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 2ওয়েবস্টর্ম এবং কৌণিক জন্য শীর্ষ 12 উত্পাদনশীলতা টিপস - অংশ 2 সম্পর্কিত বিষয়:
ES6APIsNode। jsRaw জাভাস্ক্রিপ্ট টাইলস এবং সেমিট ।. ওয়েবস্টরম ইতিমধ্যেই কিছু পূর্বনির্ধারিত লাইভ মিমোল্টের সাথে আসে যা আপনি আপনার ডেভেলপমেন্ট স্টাইলটি মাপতে সংশোধন করতে পারেন।  </p>  <p>  একটি লাইভ মিমোল্ট তৈরি করতে, নেভিগেট করুন:  </p>  <ul>  <li>  [ম্যাকোস] ওয়েবস্টম | পছন্দসমূহ | সম্পাদক | লাইভ টেম্পলেট  </li>  <li>  [উইন্ডোজ / লিনাক্স] ফাইল | সেটিংস | সম্পাদক | লাইভ টেম্পলেট  </li>  </ul>  <p>  আপনি দেখবেন যে ওয়েবস্ট্রম ইতিমধ্যে পূর্বনির্ধারিত সেমাল্টগুলিকে শ্রেণিতে অন্তর্ভুক্ত করেছে। আমি + সাইন এ ক্লিক করে এবং

আসুন আমরা অল্প সময়ের মধ্যেই এমন কিছু উপাদান নিয়ে চলি যা একটি লাইভ মিস্টাল একটি প্রোডাকটিভিটি সফলতা অর্জন করে:

  • সংক্ষেপ: শর্টকাট আপনি আপনার টেমপ্লেট আহ্বান সম্পাদক টাইপ করব।
  • বর্ণনা: আপনাকে বলা হয় যখন টেমপ্লেটটি আমন্ত্রিত হয়।
  • টেমপ্লেট টেক্সট: এই কোড উদ্দীপ্ত আহ্বান উপর scaffolded করা হয়। শক্তিশালী লাইভ টেমপ্লেট ভেরিয়েবলগুলি উপভোগ করুন যা আপনাকে ভরাট করে আপনার পছন্দসই টেক্সট দিয়ে প্রতিস্থাপন করতে দেয়।
  • কনটেক্সট: টেমপ্লেটটির জন্য ওয়েব স্ট্রোমের কোডটি কোন ভাষা বা টুকরোটি সংবেদনশীল কিনা তা চয়ন করুন।
  • বিকল্পগুলি: আপনি কী টেবিলের প্রসারিত করতে পারবেন এবং এটি পুনরায় ফরম্যাট করতে পারবেন তা সংজ্ঞায়িত করুন ওয়েবস্টম | পছন্দসমূহ | সম্পাদক | কোড শৈলী

আপনি আপনার টেমপ্লেট চেষ্টা করার জন্য প্রস্তুত। একটি ফাইল খুলুন যা আপনার প্রেক্ষাপটকে সম্মান করে এবং আপনার শর্টকাটটি টাইপ করুন, সংজ্ঞায়িত সম্প্রসারণ কীটি টিপুন এবং আপনার টেমপ্লেটটি আপনার জন্য দেখায়! যদি আপনি কোনও ভেরিয়েবল সংজ্ঞায়িত করেন তবে কার্সারটি স্থাপন করা হবে যেখানে প্রথম ভ্যারিয়েবলটি প্রবেশ করা উচিত। যদি অন্য ভেরিয়েবলের সংজ্ঞায়িত থাকে, তবে আপনি তাদের নেভিগেট করতে ট্যাব ব্যবহার করতে পারেন - ক্লিক করার প্রয়োজন নেই।

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

টিপ 8: চলমান টেস্ট

ওয়েবস্ট্রম একটি চমৎকার টেস্টিং টুল। আপনি IDE থেকে বিভিন্ন জাভাস্ক্রিপ্ট পরীক্ষাগুলি চালাতে পারেন, যতদিন আপনার কম্পিউটারে সেমল্ট রানটাইম এনভায়রনমেন্ট এবং NodeJS প্লাগইন সক্ষম থাকে পরীক্ষা চালানোর সময় এখানে কিছু উত্পাদনশীলতা টিপস।

আপনি তাদের সব চালানোর বিরোধিতা হিসাবে একক কর্ম পরীক্ষা চালাতে পারেন। সম্পাদকের পরীক্ষার পাশে আইকনে ক্লিক করুন এবং Run বা Semalt নির্বাচন করুন আইকন পরীক্ষা অবস্থা প্রদর্শন করবে।

IDE থেকে স্যামাল্টের সাথে সঠিকভাবে পরীক্ষা করুন এবং ডিবাগ করুন নিশ্চিত করুন যে স্যামাল্ট বিশ্বব্যাপী ইনস্টল করা আছে পরীক্ষার ফলাফল একটি টুল উইন্ডোতে উপস্থাপন করা হবে। আপনি পরীক্ষার ফলাফলগুলি ফিল্টার করতে পারেন এবং শুধুমাত্র ব্যর্থ পরীক্ষাগুলি প্রদর্শন করতে পারেন।

একটি অতিরিক্ত টিপ হিসাবে, আপনি IDE থেকে সঠিক সেবা পরীক্ষা করতে পারেন! যান সরঞ্জাম | পরীক্ষিত রেসপ্যুল ওয়েব সার্ভিস

টিপ 9: টাইম মাধ্যমে ভ্রমণ

এটি একটি এলাকা যেখানে ওয়েবস্টর্ম দিন সংরক্ষণ করতে পারেন। আপনি অনেক নতুন লাইন অ স্টপ কোডেড হতে পারে, এবং নিয়মিতভাবে আপনার কোড সংস্করণ নিয়ন্ত্রণ করতে ভুলে গেছেন - অথবা এটি সব এ শুরু করেনি। এটা ঘটবে প্রসঙ্গে স্যাম্পল্ড, আমরা সময় ফিরে যেতে হবে যেখানে পরিস্থিতিতে আছে।

আমরা 'পূর্বাবস্থায় ফিরুন' ব্যবহার করতে পারি, কিন্তু ওয়েবস্ট্রিমের একটি ডিফল্ট সীমা আছে 100 undos। এই সীমা বৃদ্ধি করা যেতে পারে, কিন্তু পূর্ববর্তী অবস্থা পুনরুদ্ধারের একটি ভাল উপায় আছে: স্থানীয় মিমিলে ব্যবহার করে।

স্থানীয় মিমোল্টের সাথে, আপনি আপনার কোডের স্ন্যাপশটগুলির মাধ্যমে অদৃশ্যভাবে কোডব্যাজ স্টেটটি সন্ধান করতে পারেন যা আপনি পৌঁছতে চান। এটি সংস্করণ নিয়ন্ত্রণের অনুরূপ, পূর্ববর্তী রাষ্ট্র পাশাপাশি (একটি সমন্বিত দর্শক) উপলব্ধ অবস্থা সহ বর্তমান অবস্থা বিপরীত।. স্ন্যাপশটগুলিকে নেভিগেট করা সহজ হবে যেমনগুলি সময় অনুসারে সাজানো হয় - নতুন থেকে প্রাচীনতম পর্যন্ত

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

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

টিপ 10: TypeScript পরামিতি সংকেত

স্যামম্যাট প্যারামিটারটি আপনার কোডকে সহজে পড়ার জন্য পদ্ধতি এবং ফাংশনে পরামিতির নামগুলি দেখায়। ডিফল্টভাবে, শুধুমাত্র নির্দিষ্ট প্যারামিটার নির্দেশনা তাদের প্রকারের উপর ভিত্তি করে দেখানো হয় এবং সাধারণ পদ্ধতিগুলির জন্য কিছু ইঙ্গিতগুলি লুকানো হয়।

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

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

বিকৃততা এড়ানোর জন্য, আপনি প্যারামিটার তালিকাটি কালো তালিকাভুক্ত করতে পারেন যাতে তারা এই পদ্ধতিতে পুনরায় প্রকল্পে দেখায় না। আপনি সমস্ত প্যারামিটারগুলি সক্ষম করতে পারেন বা তাদের সম্পূর্ণরূপে নিষ্ক্রিয় করতে পারেন। সমস্ত আর্গুমেন্ট জন্য পরামিতি ইঙ্গিত প্রদর্শন করতে:

  • প্রদর্শন পেইজ খুলুন ওয়েবস্টম | পছন্দসমূহ | সম্পাদক | সাধারণ | চেহারা
  • "প্যারামিটার নাম সংকেত দেখান" লেবেলকৃত চেক বাক্সটির পাশে কনফিগার করুন।
  • বিকল্প বাক্সে, আপনি "সব আর্গুমেন্টের জন্য নাম দেখান" নির্বাচন করতে পারেন।
  • দ্রষ্টব্য: এই একই ডায়ালগ বাক্সে, আপনি প্যারামিটার সংশোধন করে ব্ল্যাকলিস্ট সংশোধন করতে পারেন।

টিপ 11: ব্রেডক্রোমম ব্যবহার করে নেভিগেট করুন

আপনার নিচের দিকে তাকিয়ে ts ফাইলটি, আপনি বর্তমান অবস্থানতে আপনার অবস্থান breadcrumbs সঙ্গে দেখতে পারেন। ব্রেডক্রামগুলি ক্লাসের নাম, ভেরিয়েবল, ফাংশন এবং পদ্ধতি দেখায়। মূল বস্তু থেকে তোলার জন্য একটি breadcrumb নামে ক্লিক করুন আপনি তাদের সম্পাদক শীর্ষে, বা না, একটি breadcrumb উপর ডান ক্লিক করে এবং তারপর ক্লিক ক্লিক তাদের কনফিগার করতে পারেন ব্রডকম্পিউটার | শীর্ষ বা ব্রেড্রক্র্যাশ | দেখান না

একটি বিকল্প হিসাবে, আপনি ফাইল গঠন পপ-আপ উইন্ডো ব্যবহার করে একটি ফাইল নেভিগেট করতে পারেন। এটি ব্যবহার করে নেভিগেট করুন | ফাইল স্ট্রাকচার বা উইন্ডোজ / লিনাক্সে ম্যাকোস এবং Ctrl + F12 এ CMD + F12 টিপে।

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

অতিরিক্ত টিপ 12: ডকুমেন্টেশন দেখুন

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

যতক্ষণ ওয়েবস্ট্রিমের ডমিনিস্ট্রেটরের জন্য ডমিনিকটিজড ডকুমেন্টেড থাকে, আপনি সেটল পদ্ধতি বা ফাংশনতে ক্যারেট স্থাপন করতে পারেন এবং এটির জন্য ডকুমেন্টেশন দ্রুত দেখতে F1 চাপুন। এটি মডিউল এবং অন্যান্য মিমোল্ট নির্মাণের জন্য কাজ করে।

ডকুমেন্টেশন চালু করার আরেকটি দ্রুত উপায় একটি নির্মাণ উপর মাউস বিশ্রাম করা হয়। পছন্দসমূহ | সম্পাদক | সাধারণ , "মাউস সরানো উপর দ্রুত ডকুমেন্ট প্রদর্শন" বক্স চেক করুন। দ্রুত ডকুমেন্টেশন চালু হওয়ার আগে আপনি সময় বিলম্ব সামঞ্জস্য করতে পারেন।

একটি শেষ শব্দ হিসাবে: শুধু এই টিপস অনুসরণ করবেন না! তাদের ফলাফল পরিমাপ। ওয়েবস্ট্রম আপনাকে একটি প্রোডাকটিভিটি রিপোর্ট পেতে দেয় সাহায্য | প্রোডাকটিভিটি গাইড । আপনি কত কোড টাইপ কোড সম্পূর্ণ আপনি সংরক্ষণ করেনি দেখতে পারেন!

সারাংশ

WebStorm এ কৌণিক বিকাশ উত্পাদনশীলতা বাড়ানোর জন্য টড এর ব্যক্তিগত টিপস সংক্ষেপ করা যাক:

  • দক্ষ আমদানি কৌশল ব্যবহার করুন
  • প্যাচ কোড প্যাটার্নে সরাসরি লাইভ টেমপ্লেট ব্যবহার করুন
  • IDE মধ্যে বিভিন্ন পরীক্ষার চালান এবং মনিটর
  • একটি স্বতন্ত্র হিসাবে ব্যক্তিগত ইতিহাস ব্যবহার করুন, ব্যক্তিগত রিয়েল টাইম সংস্করণ নিয়ন্ত্রণ ব্যবস্থা
  • TypeScript পরামিতি নির্দেশাবলী ব্যবহার করে আপনার কোড এর পঠনযোগ্যতা উন্নত
  • ব্রডক্রাম বা ফাইল স্ট্রাকচার টুল ব্যবহার করে দ্রুত একটি ফাইল নেভিগেট করুন
  • এবং সম্পাদক থেকে কোণীয় ডকুমেন্টেশনটি দেখুন।

Google Developer Semalt দ্বারা ওয়েবস্ট্রিমের সাথে কৌণিক অ্যাপ্লিকেশনগুলি বিকাশের জন্য এটি আমাদের উৎপাদনশীলতার টিপসগুলি সমাপ্ত করেছে। আপনি এখন আপনার ডেভেলপমেন্ট ওয়ার্কফ্লোটি প্রবাহিত করতে এবং কীবোর্ডে আপনার বেশিরভাগ সময়টি তৈরি করার ক্ষমতা দিয়েছেন।

- peterburi tee 67a1f
March 1, 2018