VS Code Snippets - Boost your productivity with User Snippets

Опубликовано: 21 Октябрь 2024
на канале: Learn with Sumit - LWS - Bangladesh
18,335
981

আমরা যখন Visual Studio Code Editor এ কাজ করি তখন অহরহ ব্যবহৃত কোড ব্লক গুলো আমাদের কে বারবার টাইপ করতে হয় এবং সামগ্রিকভাবে চিন্তা করলে এরকম ছোট ছোট ম্যনুয়াল কাজ আমাদের productivity অনেকাংশেই কমিয়ে দেয়। VS Code এর বিল্ট ইন ইউজার স্নিপেট ফিচারের মাধ্যমে আমরা কমন কাজগুলো স্নিপেট আকারে সাজিয়ে রেখে দিতে পারি এবং শর্টকাট কমান্ডের মাধ্যমে বড় বড় কোড ব্লক গুলো নিয়ে আসতে পারি। এই ভিডিওতে আপনারা এটাই জানতে পারবেন যে কিভাবে আমরা Visual Studio Code Editor এ কাস্টম স্নিপেট লিখতে পারি।

Task: আপনাদের কে React এর ফাংশনাল কম্পোনেন্ট স্ট্রাকচার টেম্পলেটটির একটি স্নিপেট আপনাদের এডিটরের জন্য বানাতে হবে যেন যেকোন সময় React component বানানোর জন্য আপনারা নিচের টেম্পলেটটি পেয়ে যান। শর্টকাট কমান্ড হতে পারে "rfc" -

Template:

function ComponentName({}){
return (

)
}

export default ComponentName;

References:

👍 VS Code Snippets Documentation - https://code.visualstudio.com/docs/ed...


কোন প্রশ্ন থাকলে comment section এ comment করতে পারেন। সেই সাথে আমাদের একটি Facebook Group আছে। সেখানেও আপনার প্রশ্ন করতে পারেন। সব প্রয়োজনীয় link নিচে দেয়া হলো -

👍 Facebook Group -   / learnwithsumit  
👍 Like our Facebook Page -   / letslearnwithsumit  
👍 Follow our GitHub Profile - https://github.com/learnwithsumit
👍 Follow us at Instagram -   / learnwithsumit  
👍 Follow me at -   / sumit.analyzen  
👍 Learn with Sumit Official VS Code Theme - https://lwsbd.link/vst (Professional variant was used in this video)

#learnwithsumit