Skip to main content

Hidden features of VS Code and some of the best and most useful extensions



Here are some hidden features of VS Code and some of the best and most useful extensions:


Hidden features:


Multi-cursor editing: Hold down the Alt key (or Option key on Mac) and click where you want to add a cursor. You can also use the Ctrl+Alt+Up/Down arrow shortcut to add cursors above or below your current cursor.

Peek Definition: Hover over a function or variable and click the "Peek Definition" button to view its definition without leaving your current file.

Live Server: Install the Live Server extension and click the "Go Live" button in the bottom right corner of the VS Code window to automatically refresh your browser whenever you make changes to your code.

Command Palette: Press Ctrl+Shift+P (or Command+Shift+P on Mac) to open the Command Palette, which allows you to execute VS Code commands by typing their names.

Bracket Matching: When you place the cursor inside a bracket, VS Code will automatically highlight the matching bracket.

Keyboard Shortcuts: VS Code has a large number of keyboard shortcuts that can help you to be more productive. You can view a full list of keyboard shortcuts by going to Help > Keyboard Shortcuts.

JavaScript Debugger Terminal: Open the Command Palette and type "JavaScript Debugger Terminal" to open a terminal that is integrated with the VS Code debugger.

Snippets: Snippets are code templates that can be used to quickly insert common code patterns into your code. You can create your own snippets or install snippet extensions from the VS Code Marketplace.

Emmet Abbreviations: Emmet abbreviations are a shorthand way to type HTML, CSS, and JavaScript code. For example, the abbreviation "ul>li*3" will expand to the following HTML code:


html

-------------

<ul>

  <li></li>

  <li></li>

  <li></li>

</ul>

--------------


Quick Fix: When VS Code detects an error in your code, it will often display a Quick Fix suggestion. You can click on the Quick Fix suggestion to apply the fix automatically.

GitLens: The GitLens extension provides a lot of useful features for working with Git in VS Code, such as inline Git blame, Git history, and Git diff.

Custom Keybindings: You can customize VS Code keybindings by going to File > Preferences > Keyboard Shortcuts.

Pin Project Files: You can pin project files to the VS Code sidebar by right-clicking on them and selecting "Pin". This will make it easy to access frequently used files.

Sort Lines Alphabetically: You can sort the lines of code in a file alphabetically by pressing Ctrl+K, Ctrl+S (or Command+K, Command+S on Mac).


Best and most useful extensions:


ESLint: The ESLint extension lints your JavaScript code for potential errors and stylistic problems.

Prettier: The Prettier extension automatically formats your JavaScript code according to a consistent style guide.

Debugger for Chrome: The Debugger for Chrome extension allows you to debug JavaScript code running in the Chrome browser.

Live Share: The Live Share extension allows you to collaborate with other developers on your code in real time.

GitLab Workflow: The GitLab Workflow extension integrates GitLab with VS Code, providing features such as code review, issue tracking, and merge requests.

Path Intellisense: The Path Intellisense extension provides autocompletion for file paths in VS Code.

Docker: The Docker extension integrates Docker with VS Code, providing features such as building and running Docker images.

Remote - SSH: The Remote - SSH extension allows you to edit and run code on remote servers using SSH.

Code Spell Checker: The Code Spell Checker extension checks your code for spelling errors.

Bracket Pair Colorizer: The Bracket Pair Colorizer extension colorizes matching brackets in your code, making it easier to keep track of them.

Auto Rename Tag: The Auto Rename Tag extension automatically renames the closing tag when you rename the opening tag in HTML, XML, and JavaScript code.

Bookmarks: The Bookmarks extension allows you to bookmark lines of code so that you can easily return to them later.


These are just a few of the many hidden features and useful extensions available for VS Code. With so many options to choose from, you can customize VS Code to perfectly suit your development needs.

Comments

Post a Comment

Share with your friends :)
Thank you for your valuable comment

Popular posts from this blog

Story of the Nilavanti Granth

  A story about the Nilavanti Granth: एक समय की बात है, भारत के दिल में एक रहस्यमयी पुस्तक थी जिसे निलावंती ग्रंथ कहा जाता था। यह पुस्तक संस्कृत में एक ऋषि द्वारा लिखी गई थी। यह भारत की सबसे रहस्यमयी और चमत्कारी पुस्तकों में से एक मानी जाती थी। निलावंती ग्रंथ की कहानी निलावंती नामक एक महिला के साथ शुरू होती है, जिसे जादुई क्षमताओं का होना कहा जाता था। कहा जाता था कि उसे सभी जीवित प्राणियों की भाषा समझने की क्षमता थी। इसी अद्वितीय क्षमता के कारण निलावंती ग्रंथ इतना विशेष था। निलावंती उत्तर प्रदेश के एक छोटे से गांव में पैदा हुई थीं। जब वह सिर्फ पांच साल की थी, उसकी मां का निधन हो गया, तब उसके पिता ने उसे लेकर दूसरे गांव में चले गए। निलावंती ने अपने पिता से आयुर्वेद सीखा और उसे पौधों, जानवरों, और पक्षियों की भाषा समझने की अद्वितीय क्षमता भी थी। निलावंती जब बड़ी हुई, तो उसे सपने आने लगे जिसमें भूत-प्रेत उसे पृथ्वी के नीचे छिपे हुए खजानों के बारे में बताते थे। इन खजानों के बारे में जानने के बावजूद, निलावंती, एक सच्ची व्यक्ति होने के नाते, कभी उन्हें खोदकर नहीं निकाली। बजाय इसके, उसने भ...
Post a Comment
Read more

How to Make $20 a Day Online: Quick and Easy Methods

Making $20 a day online is an achievable goal if you’re willing to put in some effort and choose the right methods. Here are some effective ways to start earning money online: 1. Freelancing Freelancing is a popular way to earn money online. If you have skills in areas like writing, graphic design, programming, or digital marketing, you can offer your services on freelance platforms such as Upwork, Fiverr, or Freelancer. By taking on small projects, you can quickly start earning and potentially reach your $20-a-day goal. Tips for Success: - Create a compelling profile showcasing your skills and past work. - Start with lower rates to build up your portfolio and client base. - Deliver high-quality work to receive positive reviews and secure more projects. 2. Online Surveys Participating in online surveys is an easy way to earn some extra cash. Several legitimate websites, like Swagbucks, Survey Junkie, and Vindale Research, offer payment for your opinions on various topics. While it migh...
Post a Comment
Read more

वीर्यरक्षा के उपाय

  सादा रहन – सहन बनायें काफी लोगों को यह भ्रम है कि जीवन तड़क – भड़कवाला बनाने से वे समाज में विशेष माने जाते हैं । वस्तुतः ऐसी बात नहीं है । इससे तो केवल अपने अहंकार का ही प्रदर्शन होता है । लाल रंग के भड़कीले एवं रेशमी कपड़े नहीं पहनो । तेल – फुलेल और भाँति – भाँति के इत्रों का प्रयोग करने से बचो । जीवन में जितनी तड़क – भड़क बढ़ेगी , इन्द्रियाँ उतनी चंचल हो उठेंगी , फिर वीर्यरक्षा तो दूर की बात है । इतिहास पर भी हम दृष्टि डालें तो महापुरुष हमें ऐसे ही मिलेंगे , जिनका जीवन प्रारंभ से ही सादगीपूर्ण था । सादा रहन – सहन तो बडप्पन का द्योतक है । दूसरों को देख कर उनकी अप्राकृतिक व अधिक आवश्यकताओंवाली जीवन शैली का अनुसरण नहीं करो । उपयुक्त आहार ईरान के बादशाह बहमन ने एक श्रेष्ठ वैद्य से पूछा : “ दिन में मनुष्य को कितना खाना चाहिए ? ” “ सौ दिराम ( अर्थात् 31 तोला ) | “ वैद्य बोला | “ इतने से क्या होगा ? ” बादशाह ने फिर पूछा । वैद्य ने कहा : “ शरीर के पोषण के लिये इससे अधिक नहीं चाहिए | इससे अधिक जो कुछ खाया जाता है , वह केवल बोझा ढोना है और आयुष्य खोना है । ” लोग स्वाद के लिये अपने पेट क...
Post a Comment
Read more

What is the difference between an apk and an aab file?

Difference between apk and aab files can be a great way to share your knowledge and experience with React Native development. Here are some tips and steps to help you write a blog post that is informative, engaging, and SEO-friendly. 1. Choose a catchy title that summarizes the main point of your blog post and includes relevant keywords. For example, you could use something like "APK vs AAB: What You Need to Know About Android App Bundles in React Native". 2. Write an introduction that hooks the reader's attention and explains why they should care about the topic. You can also provide some background information on apk and aab files, such as their definitions, benefits, and drawbacks. For example, you could start with something like "If you're a React Native developer, you might have heard of Android App Bundles (AAB), the new format for publishing apps on the Google Play Store. But what exactly are AAB files and how do they differ from the traditional APK files?...
Post a Comment
Read more

वीर्य कैसे बनता है

वीर्य शरीर की बहुत मूल्यवान् धातु है । भोजन से वीर्य बनने की प्रक्रिया बड़ी लम्बी है | श्री सुश्रुताचार्य ने लिखा है : रसाद्रक्तं ततो मांसं मांसान्मेदः प्रजायते | मेदस्यास्थिः ततो मज्जा मज्जायाः शुक्रसंभवः ॥ जो भोजन पचता है , उसका पहले रस बनता है । पाँच दिन तक उसका पाचन होकर रक्त बनता है । पाँच दिन बाद रक्त में से मांस , उसमें से 5-5 दिन के अंतर से मेद , मेद से हड्डी , हड्डी से मज्जा और मज्जा से अंत में वीर्य बनता है । स्त्री में जो यह धातु बनती है उसे ‘ रज ‘ कहते हैं । वीर्य किस प्रकार छः सात मंजिलों से गुजरकर अपना यह अंतिम रूप धारण करता है , यह सुश्रुत के इस कथन से ज्ञात हो जाता है । कहते हैं कि इस प्रकार वीर्य बनने में करीब 30 दिन व 4 घण्टे लग जाते हैं । वैज्ञनिक लोग कहते हैं कि 32 किलोग्राम भोजन से 700 ग्राम रक्त बनता है और 700 ग्राम रक्त से लगभग 20 ग्राम वीर्य बनता है । आकर्षक व्यक्तित्व का कारण इस वीर्य के संयम से शरीर में एक अदभुत आकर्षक शक्ति उत्पन्न होती है जिसे प्राचीन वैद्य धन्वंतरि ने ‘ ओज ‘ नाम दिया है । यही ओज मनुष्य को अपने परम – लाभ ‘ आत्मदर्शन ‘ कराने में सहायक बनता है ...
Post a Comment
Read more

How to Get a Verified Badge on Instagram

A Step-by-Step Guide: How to Get a Verified Badge on Instagram Introduction: In the vast world of social media, Instagram stands as one of the most popular platforms for individuals and businesses alike. With millions of users, standing out from the crowd can be challenging. However, one way to establish credibility and authenticity is by obtaining a coveted blue verified badge on your Instagram profile. This badge not only enhances your online presence but also helps you gain trust from your audience. In this blog post, we will guide you through the process of obtaining a verified badge on Instagram. Step 1: Understand Instagram's Verification Criteria Before diving into the verification process, it is crucial to understand Instagram's criteria for granting the coveted blue badge. Instagram typically verifies accounts that are of public interest and belong to well-known personalities, celebrities, global brands, public figures, or entities representing specific industries. Acc...
Post a Comment
Read more