Blog

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

opengraph-home
Visual Studio Code

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

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

আমরা যারা 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 ডিলিট হবে না

**লাইক করুন আমার ফেসবুক পেইজ?

লিংকঃ-https://www.facebook.com/MskShohan2376

আশা করি সবার উপকার হবে।।বিশেষ করে যারা নতুন আছেন?।

=====MSK Shohan=====
=======ধন্যবাদ =======

Comments (8)

  1. Thanks bro

  2. Faruk

    nice

  3. Md Mehedi Hasan Munna

    Tnx bro

  4. Sabbir Sk

    Tnx bro.

  5. Sabbir Sk

    Coadeing Akhon Aro Sohoj Holo

  6. sazidur rahman

    nice bro.

  7. Uthso Dash Shourav

    খুবই হেল্পফুল ব্লগ। এ ধরনের ব্লগ আরও চাই।

  8. Mohammad Masum Uddin

    It was very helpful. Really, outstanding…!!!

Leave your thought here

Your email address will not be published.

Call Now

Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
  • Attributes
  • Custom attributes
  • Custom fields
Click outside to hide the compare bar
Compare
Compare ×
Let's Compare! Continue shopping
Need Help? Chat with us