1. techcampus24@gmail.com : Tech Campus :
Visual Studio Code এর সহজ ব্যাবহার Especially For Beginner - Tech Campus
সোমবার, ৩০ নভেম্বর ২০২০, ০৮:০৬ পূর্বাহ্ন
Notice:
Welcome! Website in progress, contact us if you need any kind of website. Thanks

Visual Studio Code এর সহজ ব্যাবহার Especially For Beginner

  • Update Time: সোমবার, ১৪ সেপ্টেম্বর, ২০২০
  • ৭৩ Read Times

আসসালামু আলাইকুম।। একটি গুরুত্বপূর্ণ বিষয় নিয়ে কিছু লেখলাম।।আশা করি সবার খুব উপকার হবে।

আমরা যারা web design and development শেখার জার্নি শুরু করেছি তাদের কাছে একটি গুরুত্বপূর্ণ জিনিস হলো একটি ভালো Code Editor। আর Visual Studio Code হলো বহু ব্যবহৃত,জনপ্রিয়,সহজ,ঝামেলা বিহিন একটি Code Edito। আর মজার বিষয় হলো এটি একদমই ফ্রি। যা বাঙ্গালিদের জন্য একদম পারফেক্ট।

এখন আসল কথায় আসি।।

আমরা এই ফ্রি বস্তু টা কিভাবে আমাদের কম্পিউটারে নিয়ে আসবো!!!
চিন্তার কোনো কারন নেই।। নিচের লিংকে যেয়ে মাউচ দিয়ে আপনার সব শক্তি দিয়ে ক্লিক করুন।।তারপর আপনার windows হলে windows এ ক্লিক করুন।।আর Mac হলে  Mac এ ক্লিক করু।।Download হয়ে যাবে।।এবং একদম সাধারণ ভাবে Install করে ফেলুন।

ডাউনলোড লিংকঃ-
https://code.visualstudio.com/download

এবার কথা হলো এই জিনিস টা আমরা আমাদের মতো করে কিভাবে সহজ করে ব্যাবহার করতে পারবো।।
So  এটাকে আমাদের সহজ করে ব্যাবহার করতে হলে এর মধ্যে কিছু সস্তা Extension ডাউনলোড দিতে হবে।।

Extension ডাউনলোড করবো কোন জায়গা থেকে এবং কিভাবেঃ-
# Visual Code install দেওয়ার পর open করুন।
# ভালো করে তাকিয়ে দেখুন একদম বাম পাশে উপরে ৫ টা চিহ্ন পরপর সাজানো আছে।
#৫ টার মধ্যে একদম শেষের বক্সের মতো চিহ্ন টি ক্লিক করুন
#একটি search  দেওয়ার বক্স আসবে।।
# এখন নিচের Extension গুলোর নাম লিখে Search দিন।
# ভালো করে দেখুন Extension  টির নিচে ছোট করে সবুজ একটা বাটন এর মধ্যে install লেখা আছে।।ক্লিক করুন
# install এর জায়গায় uninstall লেখা আসলে বুঝবেন Extension  টি active হয়ে গেছে।।

আমার Coding করাকে সহজ করে দিয়েছে এমন কিছু Extension এর নাম আমি নিচে লিখে দিলাম।।আশা করি আপনারাও উপকৃত হবেন।

Extension গুলোর নামঃ-

1/ Atom One Dark Them – এটা আপনার code গুলোকে সুন্দর একটা color দিবে।

2/ Auto Close Tag – এটা install থাকলে আপনি একটা tag এর প্রথম অংশ লেখলে automatic পরের অংশ লেখা হয়ে যাবে।

3/ Auto completel Tag – উপরের টা আর এই টা একই।

4/Better Comments

5/Bootstrap v4 and v5 snippet – এটার install থাকলে  খুব সহজেই bootstrap এর class গুলোকে কল করতে পারবেন
6/color picker- কোড করার সময় color দিতে পারবেন ইচ্ছা মতো।

7/Duplicate selection or line – এটা install থাকলে যেকোন line কে কষ্ট ২য় বার না লিখে ঐ লাইনকে ক্লিক করে Ctrl+D চাপ দিলে ঐ line আবার লেখা হয়ে যাবে।

8/EasyZoom – এটা install থাকলে code  গুলো কে Ctrl চেপে মাউচ scrolling করলে zoom in এবং zoom out করা যাবে।

9/Html-Less-Class-Completion.

10/ Live Server- এটা install করার পর code সরাসরি browser এ দেখাবে বার বার৷ browser রিলোড দেওয়া লাগবে না।

11/ Prettier- Code formatter

12/ save typing-  এটা install থাকলে বার বার Ctrl+S চেপে code save করা লাগবে না।।Automatic save হয়ে যাবে।।কম্পিউটার বন্ধ করে দিলেও code ডিলিট হবে না

Share This Post

Leave a Reply

Your email address will not be published. Required fields are marked *

Read More News in This Category .....
©কপিরাইট 2020
Power by .Mahedi Hasan