যদি তুমি প্রতিদিন প্রোগ্রাম করো, তাহলে তুমি জানবে যে একজন সু-সংগঠিত সম্পাদক থাকা একটি উৎপাদনশীল দিন এবং হতাশার উৎসবের মধ্যে পার্থক্য তৈরি করে। ভিজ্যুয়াল স্টুডিও কোড রেফারেন্স এডিটর হয়ে উঠেছে এর কর্মক্ষমতা, এর এক্সটেনশন সিস্টেম এবং একটি বিশাল সম্প্রদায়ের জন্য ধন্যবাদ যা নতুন নতুন সরঞ্জাম তৈরি করে চলেছে।
ভিএস কোডের আসল জাদু কেবল বেস এডিটরে নয়, এর ইকোসিস্টেমেও নিহিত। শত শত এক্সটেনশনে উন্নত অটোকম্পলিট, লিন্টার, থিম, স্থানীয় সার্ভার, ডিবাগিং, আইকন, গিট ইন্টিগ্রেশন, এআই এবং আরও অনেক কিছু যোগ করা হয়।এই নির্দেশিকাটিতে আপনি সুপারিশকৃত এক্সটেনশনগুলির একটি সম্পূর্ণ সংগ্রহ পাবেন: যেকোনো ভাষার জন্য প্রয়োজনীয় এক্সটেনশন থেকে শুরু করে, জাভাস্ক্রিপ্ট, পাইথন, পিএইচপি, এইচটিএমএল/সিএসএস, টাইপস্ক্রিপ্ট এবং গিট, ডকার বা মার্কডাউনের সাথে দৈনন্দিন কাজের জন্য নির্দিষ্ট এক্সটেনশন পর্যন্ত।
ভিএস কোড কী এবং এর এক্সটেনশনগুলি কেন এত গুরুত্বপূর্ণ?
ভিজ্যুয়াল স্টুডিও কোড হল একটি বিনামূল্যে এবং ক্রস-প্ল্যাটফর্ম কোড সম্পাদক মাইক্রোসফট দ্বারা তৈরি, উইন্ডোজ, ম্যাকওএস এবং লিনাক্সের জন্য উপলব্ধ, এবং এর মধ্যে রয়েছে সেরা উন্নয়ন পরিবেশ.
এটিতে ইতিমধ্যেই খুব শক্তিশালী বৈশিষ্ট্যগুলি অন্তর্ভুক্ত রয়েছে: সিনট্যাক্স হাইলাইটিং, ইন্টেলিসেন্স, ইন্টিগ্রেটেড ডিবাগিং, টার্মিনাল, গিট ইন্টিগ্রেশন এবং অনেক ভাষার জন্য মৌলিক সহায়তাকিন্তু যখন আপনি আপনার কাজের ধরণ অনুযায়ী পরিবেশকে খাপ খাইয়ে নিতে এক্সটেনশন ইনস্টল করা শুরু করেন, তখনই এটি সত্যিই শুরু হয়।
ভিএস কোডের আর্কিটেকচারটি অত্যন্ত এক্সটেনসিবল হওয়ার জন্য ডিজাইন করা হয়েছে: সম্পাদকের প্রায় প্রতিটি দিক উন্নত বা প্রতিস্থাপন করা যেতে পারে, ডিবাগিং সিস্টেম থেকে শুরু করে থিম, আইকন বা একটি নির্দিষ্ট ভাষার জন্য স্বয়ংসম্পূর্ণ।
তদুপরি, কেবল একটি ভিএস কোড নেই: আপনি অফিসিয়াল ভার্সন অথবা VSCodium এর মতো ওপেন সোর্স বিকল্প ব্যবহার করতে পারেন।যা টেলিমেট্রি এবং কিছু মালিকানাধীন অংশ অপসারণ করে, কিন্তু বেশিরভাগ এক্সটেনশনের সাথে সামঞ্জস্য বজায় রাখে।
ভিএস কোডে এক্সটেনশনগুলি কীভাবে ইনস্টল এবং পরিচালনা করবেন
ভিএস কোডে এক্সটেনশন ইনস্টল করা খুবই সহজ। সবকিছুই সম্পাদকের নিজস্ব ইন্টারফেসের মধ্যে থেকে করা হয়।ম্যানুয়ালি ফাইল ডাউনলোড করার প্রয়োজন ছাড়াই।
নতুন বৈশিষ্ট্য যোগ করতে, সম্পাদকটি খুলুন এবং এক্সটেনশন প্যানেলে যান (সাইডবার বা শর্টকাটে বর্গাকার আইকন)। Ctrl+Shift+X / সিএমডি+Shift+X ম্যাকোজে)। সেখান থেকে, নাম বা কীওয়ার্ড দিয়ে অনুসন্ধান করুন। আপনার আগ্রহের এক্সটেনশন।
যখন আপনি একটি আকর্ষণীয় এক্সটেনশন খুঁজে পান, তখন তার তথ্য পত্রটি পরীক্ষা করুন: ডাউনলোড, পর্যালোচনা, সামঞ্জস্যতা এবং স্ক্রিনশটের সংখ্যাএটি আপনাকে একটি ভালো ধারণা দেবে যে এটি ইনস্টল করার যোগ্য কিনা।
প্রক্রিয়াটি সম্পূর্ণ করতে, কেবল ইনস্টল বোতামে ক্লিক করুন। বেশিরভাগ এক্সটেনশন তাৎক্ষণিকভাবে সক্রিয় হয়কিছুর জন্য এডিটর উইন্ডো পুনরায় লোড করার প্রয়োজন হয়, এবং কিছুর জন্য অতিরিক্ত কনফিগারেশনের প্রয়োজন হয় (উদাহরণস্বরূপ, যেগুলি ESLint, Xdebug সহ PHP Debug ইত্যাদির মতো বহিরাগত সরঞ্জামের উপর নির্ভর করে)।
যেকোনো প্রকল্পের জন্য প্রয়োজনীয় সাধারণ এক্সটেনশন
এমন কিছু এক্সটেনশন রয়েছে যা প্রায় সকলেরই ইনস্টল করা উচিত, তারা যে ভাষা বা স্ট্যাকই ব্যবহার করুক না কেন। তারা উৎপাদনশীলতা, বিন্যাস, সহযোগিতা, সংস্করণ নিয়ন্ত্রণ এবং ব্যবহারকারীর অভিজ্ঞতার উপর দৃষ্টি নিবদ্ধ করে।.
prettier
prettier হয় ডি ফ্যাক্টো স্ট্যান্ডার্ড কোড ফরম্যাটার জাভাস্ক্রিপ্ট এবং অন্যান্য অনেক ভাষার জগতে, এটি সু-সংজ্ঞায়িত স্টাইল নিয়ম অনুসরণ করে স্বয়ংক্রিয়ভাবে আপনার কোড পুনর্লিখন করে।
এটি ফর্ম্যাট করতে সক্ষম জাভাস্ক্রিপ্ট, টাইপস্ক্রিপ্ট, জেএসএক্স, টিএসএক্স, জেএসএন, এইচটিএমএল, সিএসএস, এসসিএসএস, লেস, ওয়াইএএমএল, গ্রাফকিউএল, মার্কডাউন, ভ্যু, অ্যাঙ্গুলার এবং আরও অনেক কিছু। ধারণাটি হল যে একক বা দ্বিগুণ উদ্ধৃতি, সেমিকোলন ব্যবহার করা উচিত কিনা, কোথায় ব্রেস ব্যবহার করা উচিত ইত্যাদি আলোচনা অদৃশ্য হয়ে যাবে কারণ পুরো প্রকল্পটি একই নিয়ম অনুসরণ করে.
আপনি ডিফল্ট সেটিংস ব্যবহার করতে পারেন অথবা ফাইল টাইপ ব্যবহার করে আপনার নিজস্ব নিয়ম তৈরি করতে পারেন। .প্রিটিয়ারসিস্বাভাবিক জিনিস হল সক্রিয় করা সংরক্ষণের সময় ফর্ম্যাটিংযাতে প্রতিবার Ctrl+S চাপলে কোডটি পরিষ্কার এবং সামঞ্জস্যপূর্ণ হয়।
ইএসলিন্ট
প্রিটিয়ার কোডের দিকে মনোনিবেশ করলেও, ESLint গুণমান এবং ভালো অনুশীলনের উপর দৃষ্টি নিবদ্ধ করেএটি আধুনিক জাভাস্ক্রিপ্ট এবং টাইপস্ক্রিপ্ট প্রকল্পগুলিতে সর্বাধিক ব্যবহৃত লিন্টার।
VS কোডের জন্য ESLint এক্সটেনশনটি টাইপ করার সময় বিশ্লেষণকে পটভূমিতে চালায়। এটি কোডে সরাসরি ত্রুটি এবং সতর্কতা প্রদর্শন করে।সমস্যাযুক্ত লাইনগুলি তুলে ধরা এবং সেগুলি সংশোধনের জন্য দ্রুত পরামর্শ দেওয়া।
আপনি বহুল ব্যবহৃত কনফিগারেশন ব্যবহার করতে পারেন যেমন Airbnb, স্ট্যান্ডার্ড অথবা অফিসিয়াল ESLint সুপারিশঅথবা প্রকল্পের সাথে খাপ খাইয়ে নিতে আপনার নিজস্ব নিয়ম সংজ্ঞায়িত করুন। এটি React, Vue, অথবা Node.js এর মতো ফ্রেমওয়ার্কের প্লাগইনগুলির সাথেও সামঞ্জস্যপূর্ণ।
ভাল মন্তব্য
বড় প্রকল্পগুলিতে, মন্তব্যগুলি এমন এক জগাখিচুড়িতে পরিণত হয় যা অনুসরণ করা কঠিন। আরও ভালো মন্তব্য আপনাকে মন্তব্যগুলিকে দৃশ্যত শ্রেণীবদ্ধ করতে দেয় আপনার ব্যবহৃত উপসর্গ অনুসারে রঙ ব্যবহার করা।
উদাহরণস্বরূপ, আপনি এই ধরণের মন্তব্য করতে পারেন সব, সতর্কতা, গুরুত্বপূর্ণ, প্রশ্নইত্যাদি, প্রতিটির নিজস্ব স্টাইল। এটি কোড পর্যালোচনা করার সময় মুলতুবি থাকা কাজ, সমালোচনামূলক নোট, বা মূল ব্যাখ্যাগুলি খুঁজে বের করা অনেক সহজ করে তোলে।
কোড বানান পরীক্ষক
যদিও এটি একটি ছোটখাটো বিশদ বলে মনে হতে পারে, ভেরিয়েবলের নাম, মন্তব্য, অথবা ইন্টারফেস টেক্সটে বানান ত্রুটি বেশ খারাপ দেখায়।কোড স্পেল চেকার কোডের জন্য স্পেল চেকার হিসেবে কাজ করে।
শনাক্তকারী, স্ট্রিং এবং মন্তব্য বিশ্লেষণ করে এবং সন্দেহজনক শব্দগুলি চিহ্নিত করুনএটি সংশোধনের জন্য পরামর্শ প্রদান করে। এটি একাধিক ভাষার সাথে ব্যবহার করা যেতে পারে এবং কোডের মধ্যে ডকুমেন্টেশন বা ব্যবহারকারী-দৃশ্যমান টেক্সট লিখলে এটি খুবই কার্যকর।
ত্রুটি লেন্স
ভিএস কোড ইতিমধ্যেই ত্রুটি এবং সতর্কতা প্রদর্শন করে, কিন্তু কখনও কখনও সেগুলি অলক্ষিত থাকে। ত্রুটি লেন্স তাদের উপেক্ষা করা অসম্ভব করে তোলে আক্রান্ত লাইনের ঠিক পাশে এবং সম্পাদকের মার্জিনে ডায়াগনস্টিক তথ্য প্রদর্শন করা।
এক নজরে তুমি দেখতে পাবে যেখানে ত্রুটিগুলি একটি ফাইলে কেন্দ্রীভূত হয়সমস্যা প্যানেলটি না খুলেই। অনেক লিন্টার এবং বিশ্লেষণ সরঞ্জাম সহ বড় প্রকল্পগুলিতে, এটি কোনও কিছু মিস না করা নিশ্চিত করতে একটি বিশাল সাহায্য করে।
কোডরানার
ভালো লাগলে চেষ্টা করবেন সম্পূর্ণ প্রকল্প একত্রিত না করেই কোডের ছোট ছোট টুকরোকোড রানার খুবই ব্যবহারিক। এটি আপনাকে একাধিক ভাষার (জাভাস্ক্রিপ্ট, পাইথন, সি, সি++, জাভা, পিএইচপি, এবং আরও অনেক) কোড সরাসরি এডিটর থেকে চালানোর সুযোগ দেয়।
আপনি বর্তমান ফাইলটি অথবা শুধুমাত্র নির্বাচিত ব্লকটি চালু করতে পারেন, একটি সমন্বিত প্যানেলে আউটপুট দেখুন অথবা VS কোড টার্মিনালে, এবং প্রতিটি ভাষার জন্য ব্যবহৃত কমান্ডগুলি কাস্টমাইজ করুন।
পাথ বুদ্ধিমত্তা
অনেক সম্পদ, আমদানি এবং আপেক্ষিক পথ নিয়ে কাজ করার সময়, হাতে লেখা একটি নিশ্চিত ভুল। পাথ ইন্টেলিসেন্স ফাইল এবং ফোল্ডার পাথগুলিকে স্বয়ংক্রিয়ভাবে সম্পূর্ণ করে পাথ সহ স্ট্রিং লেখার সময়।
উপর কাজ করে জাভাস্ক্রিপ্ট/টাইপস্ক্রিপ্ট আমদানি, সিএসএস রেফারেন্স, এইচটিএমএল চিত্র পাথ এবং সাধারণত যেকোনো প্রেক্ষাপটে যেখানে VS কোড সনাক্ত করে যে আপনি একটি রুট টাইপ করছেন। এটি সময় বাঁচায় এবং বিরক্তিকর টাইপিং ভুল এড়ায়।
vscode-আইকন, ম্যাটেরিয়াল আইকন থিম এবং অন্যান্য আইকন প্যাক
আইকনগুলি কেবল নান্দনিকতার বিষয় নয়। একটি ভালো আইকন থিম আপনাকে তাৎক্ষণিকভাবে ফাইলের ধরণ সনাক্ত করতে সাহায্য করে। শুধু ব্রাউজার দেখে।
vscode-আইকন, ম্যাটেরিয়াল আইকন থিম, VSCode দুর্দান্ত আইকন বা নির্দিষ্ট থিম যেমন অ্যাঙ্গুলার সহ ভিএসকোড সহজ আইকন তারা ভাষা, ফ্রেমওয়ার্ক এবং কনফিগারেশন ফাইলের জন্য কাস্টম আইকন সরবরাহ করে (অ্যাঙ্গুলার, ডকার, এনভি, ইত্যাদি)।
যেকোনো একটি বা অন্যটি বেছে নেওয়া রুচির ব্যাপার, কিন্তু এগুলির যেকোনো একটি ফাইল ট্রির পঠনযোগ্যতা উল্লেখযোগ্যভাবে উন্নত করেবিশেষ করে একক-ইউনিট বা বৃহৎ প্রকল্পে।
গিটলেন্স
গিটলেন্স সম্ভবত ভিএস কোড থেকে গিটের সাথে কাজ করার জন্য সবচেয়ে শক্তিশালী এক্সটেনশনএটি সম্পাদকের মধ্যে ইতিহাস সম্পূর্ণরূপে সংহত করে সংস্করণ নিয়ন্ত্রণকে অন্য স্তরে নিয়ে যায়।
আপনাকে দেখার অনুমতি দেয় কে প্রতিটি লাইন পরিবর্তন করেছে এবং কখন (দোষ), একটি ফাইলের ইতিহাস, সংশোধন তুলনা, শাখা এবং ট্যাগ অন্বেষণএবং আরও অনেক কিছু। এটি কোডে প্রাসঙ্গিক টীকা প্রদর্শন করে, যার মধ্যে শেষ কমিট সম্পর্কে তথ্যও থাকে।
যদি তুমি একটি দলে কাজ করো, তাহলে এটা বুঝতে পারাটা অসাধারণ নির্দিষ্ট পরিবর্তনের কারণ, পর্যালোচনা রিগ্রেশন, এবং কোড পর্যালোচনা সম্পাদন করা সম্পাদককে না রেখেই।
লাইভ শেয়ার করুন
পেয়ার প্রোগ্রামিং বা রিমোট মেন্টরিংয়ের জন্য, লাইভ শেয়ার হল সেরা জিনিসগুলির মধ্যে একটি।এটি আপনাকে রিয়েল টাইমে অন্য ব্যক্তির সাথে আপনার VS কোড সেশন শেয়ার করতে দেয়।
তোমরা দুজনেই পারো একই ফাইল সম্পাদনা করুন, একসাথে ডিবাগ করুন, টার্মিনাল এবং স্থানীয় সার্ভার শেয়ার করুন এবং এমনকি একটি সমন্বিত চ্যাটও খুলুন। জটিল বাগ সমস্যা সমাধানের জন্য অথবা কাউকে একটি নির্দিষ্ট প্রকল্পে কীভাবে কাজ করতে হয় তা শেখানোর জন্য এটি উপযুক্ত।
জাভাস্ক্রিপ্ট এবং টাইপস্ক্রিপ্টের জন্য নির্দিষ্ট এক্সটেনশন
জাভাস্ক্রিপ্ট এবং টাইপস্ক্রিপ্ট ইকোসিস্টেম ভিএস কোড দ্বারা সর্বাধিক প্রশংসিত একটি। আপনি যদি ফ্রন্টএন্ড, নোড সহ ব্যাকএন্ড, অথবা ফুল স্ট্যাক ডেভেলপমেন্টে কাজ করেন, তাহলে এই এক্সটেনশনগুলি আপনার অনেক ঘন্টা বাঁচাবে।.
জাভাস্ক্রিপ্ট (ES6) কোড স্নিপেট
একই কাঠামো বারবার লেখা বেশ ঝামেলার। জাভাস্ক্রিপ্ট (ES6) কোড স্নিপেট আধুনিক সিনট্যাক্সের জন্য প্রচুর স্নিপেট যোগ করে JS এবং TS থেকে।
ছোট সংক্ষিপ্ত রূপ ব্যবহার করে আপনি তৈরি করতে পারেন তীর ফাংশন, ক্লাস, আমদানি, console.log, লুপ স্ট্রাকচার এবং আরও অনেক কিছু। এটি কম মুখস্থ করার এবং দ্রুত টাইপ করার জন্য আদর্শ।
npm Intellisense এবং npm এক্সটেনশন
যখন আপনি অনেক প্যাকেজ নিয়ে কাজ করেন, তখন সঠিক নাম মনে রাখা সবচেয়ে মজার নয়। npm Intellisense ইনস্টল করা মডিউলগুলির নাম স্বয়ংক্রিয়ভাবে সম্পন্ন করে আপনার আমদানি এবং চাহিদার ক্ষেত্রে।
ইতিমধ্যে, VS কোডের জন্য অফিসিয়াল npm এক্সটেনশন আপনার সাথে একীভূত হয় স্ক্রিপ্ট তালিকাভুক্ত এবং চালানোর জন্য package.json এক ক্লিকেই, টার্মিনাল না খুলেই নির্ভরতা দেখুন এবং রুটিন কাজ পরিচালনা করুন।
আমদানি খরচ
ফ্রন্টএন্ডের বান্ডেলের আকার অনেক গুরুত্বপূর্ণ। আমদানি খরচ প্রতিটি আমদানির আনুমানিক আকার গণনা করে এবং সংশ্লিষ্ট লাইনের পাশে এটি দেখায়।
এইভাবে আপনি তাৎক্ষণিকভাবে জানতে পারবেন যে আপনি তুচ্ছ কিছুর জন্য একটি সম্পূর্ণ দানবীয় লাইব্রেরি আনছেন কিনা, এবং আপনি পরিবর্তনগুলি মূল্যায়ন করতে পারেন যেমন আংশিক আমদানি, অলস লোডিং, অথবা হালকা বিকল্প ব্যবহার করুন.
Quokka.js
Quokka.js একটি হিসাবে কাজ করে জাভাস্ক্রিপ্ট এবং টাইপস্ক্রিপ্টের জন্য ইন্টারেক্টিভ নোটপ্যাড VS কোডের মধ্যে। এটি আপনার লেখার সাথে সাথে কোডটি কার্যকর করে এবং ইনলাইন অ্যানোটেশনে ফলাফল এবং পরিবর্তনশীল মান প্রদর্শন করে।
এটি জন্য নিখুঁত দ্রুত ধারণা পরীক্ষা করুন, নতুন API গুলি বুঝুন, অথবা ছোট ফাংশনগুলি ডিবাগ করুন সম্পূর্ণ প্রকল্পটি শুরু থেকে তৈরি না করেই। এটির একটি বিনামূল্যের সংস্করণ রয়েছে যার মধ্যে রয়েছে খুবই কার্যকর বৈশিষ্ট্য এবং অতিরিক্ত সুবিধা সহ একটি অর্থপ্রদানকারী সংস্করণ।
ES7 React/Redux/GraphQL/React-Native স্নিপেট এবং সরল React স্নিপেট
আপনি যদি রিঅ্যাক্ট ইকোসিস্টেমের সাথে কাজ করেন, তাহলে এই দুটি এক্সটেনশনই খাঁটি সোনা। ES7 React/Redux/GraphQL/React-Native স্নিপেটগুলি কম্পোনেন্ট, হুক, Redux, GraphQL এবং React Native এর জন্য স্নিপেট অফার করেপ্রায় সকল সাধারণ নিদর্শনকে অন্তর্ভুক্ত করে।
অন্যদিকে, সিম্পল রিঅ্যাক্ট স্নিপেটস ফোকাস করে আধুনিক প্রতিক্রিয়ার জন্য স্নিপেটের একটি ছোট সেট (কার্যকরী উপাদান, মৌলিক আমদানি, ইত্যাদি), যদি আপনি কম অপ্রতিরোধ্য কিন্তু সমানভাবে উৎপাদনশীল কিছু চান তবে আদর্শ।
জাভাস্ক্রিপ্ট এবং টাইপস্ক্রিপ্ট নাইটলি
যদি আপনি ভাষার সাথে হালনাগাদ থাকতে চান, জাভাস্ক্রিপ্ট এবং টাইপস্ক্রিপ্ট নাইটলি আপনাকে টাইপস্ক্রিপ্ট ভাষা সার্ভারের নাইটলি সংস্করণে অ্যাক্সেস দেয়। যা VS কোড ব্যবহার করে।
এর অর্থ হল স্থিতিশীল সংস্করণে পৌঁছানোর আগেই নতুন বৈশিষ্ট্য, কর্মক্ষমতা উন্নতি এবং বাগ সংশোধন—এর জন্য আদর্শ নতুন ভাষার বৈশিষ্ট্য পরীক্ষা করুন এবং ভবিষ্যতের পরিবর্তনগুলি সনাক্ত করুন যা আপনার কোডকে প্রভাবিত করতে পারে।
পাইথন এক্সটেনশন
সঠিক এক্সটেনশন সহ VS কোড, একটি হয়ে ওঠে সেরা পাইথন আইডিইআপনি যদি এই ভাষা দিয়ে ব্যাকএন্ড ডেভেলপমেন্ট, ডেটা সায়েন্স, অথবা অটোমেশন করেন, তাহলে এগুলো প্রায় বাধ্যতামূলক।
পাইথন (অফিসিয়াল এক্সটেনশন)
মাইক্রোসফটের অফিসিয়াল পাইথন এক্সটেনশন হল ভিএস কোডে এই ভাষা নিয়ে কাজ করার মূল ভিত্তিএটি ছাড়া, সমর্থন খুবই সীমিত।
অবদান IntelliSense, ডিবাগিং, পরীক্ষা, ভার্চুয়াল পরিবেশের সাথে ইন্টিগ্রেশন, কোড ফর্ম্যাটিং (কালো, অটোপেপ৮), পাইলিন্ট বা ফ্লেক৮ এর সাথে লিন্টিং এবং অন্যান্য অনেক গুরুত্বপূর্ণ ফাংশন।
পাইল্যান্স
পাইল্যান্স হল পাইথনের জন্য উন্নত ভাষা সার্ভার যা অফিসিয়াল এক্সটেনশনকে আরও উন্নত করে। এটি দ্রুত স্ট্যাটিক বিশ্লেষণ, উন্নত স্বয়ংসম্পূর্ণতা এবং খুব বিস্তারিত টাইপ চেকিং প্রদান করে।
যদি আপনি টাইপ অ্যানোটেশন ব্যবহার করেন অথবা কোড চালানোর আগে ত্রুটি সনাক্ত করতে চান, পাইল্যান্স উন্নয়ন অভিজ্ঞতাকে ব্যাপকভাবে উন্নত করে। মাঝারি এবং বৃহৎ প্রকল্পে।
জুপিটার
জুপিটার এক্সটেনশনটি সংহত করে নোটবুক .ipynb সরাসরি VS কোডেআপনি ক্লাসিক জুপিটারের মতোই সেল তৈরি করতে, খুলতে এবং চালাতে পারেন, তবে এডিটর থেকে।
এটি জন্য বিশেষভাবে দরকারী ডেটা বিশ্লেষণ, মেশিন লার্নিং, ভিজ্যুয়ালাইজেশন এবং দ্রুত প্রোটোটাইপিং, একটি পূর্ণাঙ্গ সম্পাদকের সুবিধার সাথে সেরা নোটবুকগুলিকে একত্রিত করে।
পাইথন ডকস্ট্রিং জেনারেটর
পাইথনের অভ্যন্তরীণ ডকুমেন্টেশন সাধারণত ডকস্ট্রিংয়ে থাকে। পাইথন ডকস্ট্রিং জেনারেটর স্বয়ংক্রিয়ভাবে ডকস্ট্রিংয়ের কঙ্কাল তৈরি করে ফাংশন, ক্লাস এবং পদ্ধতির জন্য।
যখন আপনি শুরুর উদ্ধৃতি চিহ্ন টাইপ করেন, তখন এক্সটেনশনটি তৈরি হয় বর্ণনা, পরামিতি এবং রিটার্ন মানের জন্য ক্ষেত্র ফাংশন সিগনেচারের উপর ভিত্তি করে, যা এত ঝামেলা ছাড়াই ভালভাবে নথিভুক্ত কোডকে উৎসাহিত করে।
পিএইচপি এবং ব্যাকএন্ড এক্সটেনশন
ওয়েব ব্যাকএন্ডে পিএইচপি একটি প্রধান ভিত্তি হিসেবে রয়ে গেছে, এবং ভিএস কোড এক্সটেনশনের একটি অত্যন্ত পরিপক্ক বাস্তুতন্ত্র এই ভাষার জন্য।
পিএইচপি ইন্টেলিসেন্স এবং ইন্টেলিফেন্স
পিএইচপি ইন্টেলিসেন্স ছিল পিএইচপি-র জন্য প্রথম গুরুতর অটোকম্পলিট এক্সটেনশনগুলির মধ্যে একটি। এটি অফার করে ফাংশন, ক্লাস, পদ্ধতি, নেমস্পেস এবং ভেরিয়েবলের জন্য পরামর্শ, সংজ্ঞাগুলিতে মৌলিক নেভিগেশন ছাড়াও।
পিএইচপি ইন্টেলিফেন্স আরও এক ধাপ এগিয়ে: খুব দ্রুত এবং গভীর বিশ্লেষণ, রিফ্যাক্টরিং, রেফারেন্স গবেষণা, PHP 7 এবং 8 এর জন্য আপডেটেড সাপোর্ট এবং আরও অনেক কিছু। এমনকি বিনামূল্যের সংস্করণটি ইতিমধ্যেই বেশিরভাগ বিকল্পের চেয়ে ভালো পারফর্ম করে।
পিএইচপি ডকব্লকার
বৃহৎ প্রকল্পগুলিতে উপযুক্ত ডকুমেন্টেশন বজায় রাখার জন্য, পিএইচপি ডকব্লকার ডকব্লক মন্তব্য তৈরি করে ফাংশন, পদ্ধতি, ক্লাস এবং বৈশিষ্ট্যের জন্য সম্পূর্ণ।
লিখার মধ্যে / ** একটি ফাংশনে, এটি স্বয়ংক্রিয়ভাবে প্যারামিটার এবং রিটার্ন টাইপ পূরণ করে, যা উৎসাহিত করে অভ্যন্তরীণ এবং সর্বজনীন API গুলি সঠিকভাবে নথিভুক্ত করুন.
সুরকার
পিএইচপি-তে নির্ভরতা ব্যবস্থাপনার জন্য কম্পোজার হল স্ট্যান্ডার্ড। সংশ্লিষ্ট এক্সটেনশনটি ভিএস কোডের সাথে একীভূত হয় সাধারণ কমান্ড চালান (ইনস্টল, আপডেট, প্রয়োজন) প্যালেট থেকে, স্বয়ংসম্পূর্ণতা এবং হাইলাইটিং অফার করার পাশাপাশি composer.json.
এটি এটিকে অনেক বেশি আরামদায়ক করে তোলে লাইব্রেরি, ফ্রেমওয়ার্ক এবং স্ক্রিপ্ট পরিচালনা করুন এডিটর এবং টার্মিনালের মধ্যে ক্রমাগত স্যুইচ না করেই।
পিএইচপি ডিবাগ
var_dump দিয়ে PHP ডিবাগিং করাটা বেশ আকর্ষণীয়। পিএইচপি ডিবাগ এক্সডিবাগের উপর ভিত্তি করে একটি সম্পূর্ণ ডিবাগার যুক্ত করে। ভিএস কোডের মধ্যে।
তার সাথে আপনি পারেন ব্রেকপয়েন্ট সেট করুন, ভেরিয়েবল পরীক্ষা করুন, কোডটি ধাপে ধাপে দেখুন এবং কল স্ট্যাক বিশ্লেষণ করুন। প্রাথমিক সেটআপে কিছু যত্নের প্রয়োজন হয়, কিন্তু একবার সেট আপ হয়ে গেলে, এটি একটি অপরিহার্য হাতিয়ার।
HTML, CSS এবং ফ্রন্টএন্ড ডেভেলপমেন্টের জন্য এক্সটেনশন
আপনি যদি ওয়েবের ভিজ্যুয়াল দিকে কাজ করেন, তাহলে বেশ কিছু এক্সটেনশন আছে যা তারা ভিএস কোডকে লেআউট এবং স্টাইলিংয়ের জন্য একটি অত্যন্ত আরামদায়ক পরিবেশে রূপান্তরিত করে।.
লাইভ সার্ভার
লাইভ সার্ভার একটি মাউন্ট করে স্বয়ংক্রিয় রিলোড সহ স্থানীয় ডেভেলপমেন্ট সার্ভার"গো লাইভ" এ ক্লিক করলে আপনার ব্রাউজারে সাইটটি খুলবে এবং প্রতিবার ফাইল সংরক্ষণ করার সময় পৃষ্ঠাটি রিফ্রেশ হবে।
এটা জন্য আদর্শ বিশুদ্ধ HTML, দ্রুত প্রোটোটাইপিং, স্ট্যাটিক লেআউট এবং সহজ ফ্রন্ট-এন্ড প্রকল্পযেখানে পরিবর্তনগুলি তাৎক্ষণিকভাবে দেখাই সমস্ত পার্থক্য তৈরি করে।
HTML CSS সাপোর্ট
এই এক্সটেনশনটি HTML এবং CSS এর মধ্যে ইন্টিগ্রেশন উন্নত করে। এটি আপনার স্টাইলশিটে সংজ্ঞায়িত ক্লাস এবং আইডিগুলির বুদ্ধিমান স্বয়ংক্রিয় সমাপ্তি অফার করে। যখন আপনি HTML লেখেন, এবং বিপরীতভাবে।
এটি CSS বৈশিষ্ট্যগুলিও প্রস্তাব করে (সহ সরবরাহকারী উপসর্গ) এবং এমেটের সাথে মিলে চমৎকারভাবে কাজ করে, যা লেআউটের কর্মপ্রবাহকে ব্যাপকভাবে গতি দেয়।
CSS ক্লাসের নামের জন্য IntelliSense এবং Tailwind CSS IntelliSense
CSS ক্লাসের নামের জন্য IntelliSense আপনার CSS, SCSS বা Less ফাইলগুলি বিশ্লেষণ করে HTML-এ ক্লাসের নাম স্বয়ংক্রিয়ভাবে সম্পন্ন করার সুবিধা প্রদান করেএটি বিশেষভাবে কার্যকর যখন দীর্ঘ নামের ইউটিলিটি বা ক্লাস থাকে।
যদি আপনি Tailwind ব্যবহার করেন, Tailwind CSS IntelliSense আরও এক ধাপ এগিয়ে যায়, প্রদান করে টেলউইন্ড ইউটিলিটি-নির্দিষ্ট স্বয়ংসম্পূর্ণতা, লিন্টিং এবং ইনলাইন ডকুমেন্টেশন, এই কাঠামোর সাথে আরামে কাজ করার জন্য প্রায় বাধ্যতামূলক কিছু।
সিএসএস পিক এবং সিএসএস লিন্ট
সিএসএস পিক আপনাকে দেয় দ্রুত দেখুন এবং একটি ক্লাস বা আইডির CSS সংজ্ঞায় যান HTML থেকে, হয় একটি পপ-আপ উইন্ডোতে অথবা সংশ্লিষ্ট ফাইলটি খোলার মাধ্যমে।
সিএসএস লিন্ট স্টাইলশিটের জন্য লিন্টার হিসেবে কাজ করে, চিহ্নিতকরণের ত্রুটি বা সমস্যাযুক্ত প্যাটার্ন (ডুপ্লিকেট প্রোপার্টি, অদক্ষ নিয়ম, ইত্যাদি), যা পরিষ্কার এবং আরও রক্ষণাবেক্ষণযোগ্য CSS বজায় রাখতে সাহায্য করে।
স্বয়ংক্রিয়ভাবে ট্যাগের নাম পরিবর্তন করুন এবং ম্যাচিং ট্যাগ হাইলাইট করুন
অটো রিনেম ট্যাগ যেমন সহজ তেমনই দরকারী কিছুরও যত্ন নেয়: যখন আপনি একটি HTML বা XML উপাদানের খোলার ট্যাগ পরিবর্তন করেন, তখন এটি ক্লোজিং ট্যাগ আপডেট করে। স্বয়ংক্রিয়ভাবে যাতে তারা সিঙ্ক্রোনাইজ না হয়।
হাইলাইট ম্যাচিং ট্যাগ হাইলাইট ট্যাগের খোলা/বন্ধ জোড়া যেখানে কার্সারটি অবস্থিতএটি বৃহৎ নথিতে অথবা উচ্চ নেস্টেড কাঠামোযুক্ত নথিতে খুবই ব্যবহারিক।
ছবির প্রিভিউ, ছবির অপ্টিমাইজার এবং রঙ হাইলাইট
ছবির প্রিভিউ দেখায় একটি রুটে উল্লেখ করা ছবির একটি থাম্বনেইল কার্সারটিকে এর উপর বা মার্জিনে ঘোরানোর মাধ্যমে, যা ফাইলটি আলাদাভাবে না খুলেই পাথগুলি সঠিক কিনা তা যাচাই করতে সাহায্য করে।
ইমেজ অপ্টিমাইজার অনুমতি দেয় সম্পাদকের ভেতর থেকেই ছবি (ক্ষতিগ্রস্ত বা ক্ষতিহীন) সংকুচিত করুন, বাইরের সরঞ্জাম ব্যবহার না করেই আপনার সম্পদ উৎপাদনের জন্য প্রস্তুত রেখে।
রঙ হাইলাইট হাইলাইট করে রঙের কোড (হেক্স, আরজিবি, এইচএসএল, ইত্যাদি) ব্যাকগ্রাউন্ড বা আন্ডারলাইন হিসাবে তাদের আসল রঙ সহ, জটিল প্যালেটগুলির সাথে কাজ করা অনেক সহজ করে তোলে।
অতিরিক্ত উৎপাদনশীলতা এক্সটেনশন, ডিজাইন এবং কাস্টমাইজেশন
বিশুদ্ধ ডেভেলপমেন্ট টুল ছাড়াও, বেশ কয়েকটি এক্সটেনশন ডিজাইন করা হয়েছে আপনার দৈনন্দিন জীবনকে আরও আরামদায়ক এবং আপনার সম্পাদককে আরও মনোরম করে তুলতে.
ভিএস কোডের জন্য থিম
থিমগুলি সরাসরি আপনার দৃষ্টি আরামকে প্রভাবিত করে। সবচেয়ে জনপ্রিয় এবং প্রস্তাবিত কিছু হল: বেগুনি রঙের ছায়া, ম্যাটেরিয়াল থিম, নাইট আউল, হরাইজন, নকটিস বা ফ্ল্যাটল্যান্ড মনোকাই.
প্রত্যেকের নিজস্ব ব্যক্তিত্ব রয়েছে: উজ্জ্বল অন্ধকার স্কিম, চোখের চাপ কমাতে ডিজাইন করা প্যালেট, আলো এবং অন্ধকারের বৈচিত্র্য, অথবা এমনকি সম্পূর্ণ একরঙা থিম যারা শূন্য বিক্ষেপ চান তাদের জন্য।
ময়ুর
যখন আপনি একসাথে বেশ কয়েকটি প্রকল্প খোলেন, তখন বিভ্রান্ত হওয়া সহজ। পিকক আপনাকে প্রতিটি প্রকল্পের জন্য ভিএস কোড উইন্ডোর অ্যাকসেন্ট রঙ পরিবর্তন করতে দেয়।যাতে এক নজরে আপনি বুঝতে পারেন যে আপনি ব্যাকএন্ড, ফ্রন্টএন্ড, নাকি কোনও নির্দিষ্ট মাইক্রোসার্ভিস সম্পাদনা করছেন।
এটি একটি সহজ কিন্তু অবিশ্বাস্যভাবে কার্যকর এক্সটেনশন যদি সাধারণত আপনার একসাথে বেশ কয়েকটি কর্মক্ষেত্র খোলা থাকে।.
ইন্ডেন্ট-রেইনবো এবং রেইনবো বন্ধনী
ইন্ডেন্ট-রামধনু রঙ করে ইন্ডেন্টেশন কলাম বিভিন্ন সুরের সাহায্যে, কোড কাঠামোটি অনায়াসে দেখতে সাহায্য করে।
রেইনবো ব্র্যাকেটস একই রকম কিছু করে বন্ধনী, বন্ধনী এবং বন্ধনীপ্রতিটি নেস্টিং লেভেলে আলাদা রঙ নির্ধারণ করা। এই দুটির মধ্যে, একটি অনুপস্থিত বন্ধনী বা একটি খারাপভাবে ইন্ডেন্ট করা ব্লক সনাক্ত করা অনেক সহজ হয়ে যায়।
টোডো ট্রি
যদি আপনি TODO, FIXME, অথবা BUG এর মতো মন্তব্য ব্যবহার করেন, টোডো ট্রি আপনার কর্মক্ষেত্র স্ক্যান করে এবং এই সমস্ত টীকা সহ একটি ড্যাশবোর্ড তৈরি করে। গাছের আকৃতিতে সাজানো।
সেখান থেকে আপনি পারবেন কোডের প্রতিটি বিন্দুতে সরাসরি নেভিগেট করুন যেখানে মুলতুবি কাজ বা চিহ্নিত সমস্যা রয়েছে, সেখানে TODO গুলিকে রিপোজিটরির সাথে সংযুক্ত এক ধরণের মিনি টাস্ক ম্যানেজারে পরিণত করা।
গিটহাব কোপাইলট, ট্যাবনাইন এবং চ্যাটজিপিটি/এআই
এআই-ভিত্তিক অটোকম্পলিট টুলগুলি একটি শক্তিশালী প্রবেশদ্বার তৈরি করেছে। GitHub Copilot এবং Tabnine কোডের লাইন বা সম্পূর্ণ ব্লকের পরামর্শ দেয় প্রেক্ষাপট, পূর্ববর্তী পরীক্ষা, অথবা মন্তব্যের উপর ভিত্তি করে।
VS কোডে ChatGPT বা অনুরূপ মডেলগুলিকে একীভূত করে এমন এক্সটেনশনগুলি অনুমতি দেয় কোড ব্যাখ্যা, রিফ্যাক্টর ফাংশন অনুরোধ করুন, অথবা পরীক্ষা তৈরি করুন এডিটর না রেখেই। এগুলির জন্য API কী প্রয়োজন, কিন্তু ডেভেলপমেন্ট কো-পাইলট হিসেবে এগুলি খুবই শক্তিশালী যদি বিচক্ষণতার সাথে ব্যবহার করা হয়।
মার্কডাউন অল ইন ওয়ান এবং উন্নত মার্কডাউন প্রিভিউ
যদি আপনি প্রকল্প নথিভুক্ত করেন বা প্রযুক্তিগত পোস্ট লেখেন, মার্কডাউন অল ইন ওয়ান শর্টকাট, উন্নত প্রিভিউ, ইনডেক্স জেনারেশন এবং অন্যান্য সুবিধা যোগ করে মার্কডাউনের সাথে কাজ করার জন্য।
GitHub-স্টাইল প্রিভিউ এক্সটেনশনের সাথে মিলিত হলে, আপনি পাবেন আপনার README বা নিবন্ধগুলি পরবর্তীতে কেমন দেখাবে তার খুব কাছাকাছি লেখার অভিজ্ঞতা ওয়েবে
ডকার, রিমোট SSH এবং রিমোট WSL
পেশাদার পরিবেশে, পাত্র বা দূরবর্তী মেশিনের সাথে কাজ করা খুবই সাধারণ। অফিসিয়াল ডকার এক্সটেনশন আপনাকে ছবি, কন্টেইনার, নেটওয়ার্ক এবং ভলিউম পরিচালনা করতে দেয়। সাইডবার থেকে, কন্টেইনারের মধ্যে ডিবাগিং সহজতর করার পাশাপাশি।
রিমোট SSH এবং রিমোট WSL আপনাকে রিমোট ফোল্ডার বা লিনাক্স এনভায়রনমেন্ট (WSL) খুলুন যেন তারা স্থানীয় প্রকল্প।, কমান্ডগুলি কার্যকর করা এবং ডিবাগ করা, কিন্তু VS কোড ইন্টারফেসের সুবিধার সাথে।
এই সমস্ত এক্সটেনশনগুলি সুনির্দিষ্টভাবে নির্বাচিত এবং কনফিগার করা হয়েছে, ভিজ্যুয়াল স্টুডিও কোড একটি সাধারণ হালকা সম্পাদক থেকে শুরু করে আপনার স্ট্যাক, আপনার কাজের ধরণ এবং আপনার প্রকল্পগুলির সাথে মানানসই একটি কাস্টম ডেভেলপমেন্ট পরিবেশ।অতিরিক্ত লোড না করা এবং আপনার প্রয়োজনীয় সরঞ্জামগুলি থাকার মধ্যে ভারসাম্য খুঁজে বের করা হল আপনার দৈনন্দিন প্রোগ্রামিংয়ে গতি, আরাম এবং গুণমান অর্জনের মূল চাবিকাঠি।
