<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: VSCode.pro</title>
    <description>The latest articles on Forem by VSCode.pro (@vscode).</description>
    <link>https://forem.com/vscode</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F2173%2F6b14afe7-759c-4dd4-bb8f-3e2a878d322a.png</url>
      <title>Forem: VSCode.pro</title>
      <link>https://forem.com/vscode</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/vscode"/>
    <language>en</language>
    <item>
      <title>Fears of an Indie Maker</title>
      <dc:creator>Ahmad Awais ⚡️</dc:creator>
      <pubDate>Mon, 04 May 2020 16:50:32 +0000</pubDate>
      <link>https://forem.com/vscode/fears-of-an-indie-maker-52fb</link>
      <guid>https://forem.com/vscode/fears-of-an-indie-maker-52fb</guid>
      <description>&lt;p&gt;👋 Hello, it's &lt;a href="https://twitter.com/MrAhmadAwais/"&gt;Awais&lt;/a&gt;. &lt;/p&gt;

&lt;p&gt;As a full-time open-sourcerer, I'm humbled to share that I've won awards for my open source work and prestigious titles like Google Developers Expert. But as an indie-maker just like any of you, I struggle with many basic things, have all kinds of fear, and haven't figured out life.&lt;/p&gt;

&lt;p&gt;In this post, I share what it feels like being an Independent Marker, Full-time Open Sourcerer, and a course author. Especially nowadays, amidst the coronavirus outbreak.&lt;/p&gt;




&lt;p&gt;I pre-launched a course &lt;a href="https://NodeCLI.com"&gt;NodeCLI.com&lt;/a&gt; — this is my first time pre-launching a course with pre-order stuff and all. And honestly, it was super scary to do that.&lt;/p&gt;

&lt;p&gt;Takes a lot of guts. The constant fear of failure after taking people's money is not a good thing. As you may know, I launched &lt;a href="https://VSCode.pro"&gt;VSCode&lt;/a&gt;.pro before this one, which has done very well. Over 14,192 developers learning power user workflows and switched to VSCode. &lt;/p&gt;

&lt;p&gt;I wanted to launch this &lt;a href="https://NodeCLI.com"&gt;NodeCLI.com&lt;/a&gt; course weeks ago but just kept testing the entire setup, in hindsight I might have been dealing with imposter syndrome, procrastination, and fears of being an indie maker.&lt;/p&gt;

&lt;p&gt;So, first of all, I'm happy to check-off that milestone — Woohoo! 🥳🥳🥳&lt;/p&gt;

&lt;h2&gt;
  
  
  Fears of Indie Makers
&lt;/h2&gt;

&lt;p&gt;As an indie-maker, I wanted to talk about this in a bit more open fashion. As a creator, we struggle with a lot of things. It's about time I share mine. Maybe some of you can relate.&lt;/p&gt;

&lt;h3&gt;
  
  
  Fear of Failure
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;What if no one buys what I am building?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;When I was working on my &lt;a href="https://VSCode.pro"&gt;VSCode&lt;/a&gt; course I was afraid. What if I failed? What if everyone found out, my workflows aren't that great. You know maybe this just me who likes to create multiple cursors and write quickly. &lt;/p&gt;

&lt;h3&gt;
  
  
  Fear of Success
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;What if I succeed?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Took about 1.5 years to launch my first course. I wrote about how I created my own &lt;a href="https://ahmadawais.com/custom-teaching-platform/"&gt;course platform&lt;/a&gt;. Then when I launched my &lt;a href="https://VSCode.pro"&gt;VSCode&lt;/a&gt; course, I had a great first two months; I hit about 900 sales and about USD 75,000 in revenue.&lt;/p&gt;

&lt;p&gt;Then it hit me. The fear of success. Why did I succeed and now that I did, am I teaching something wrong. Because believe me, there were hundreds of people who tried to put me down. &lt;/p&gt;

&lt;p&gt;I received emails, tweets from grumpy developers someone thought I launched the course they eventually wanted to launch, someone said "it's all available for free", and one person actually reached out to tell me how I'm the worst person on this planet.&lt;/p&gt;

&lt;p&gt;I dealt with all of this in my way. I gave away thousands of free subscriptions and to date over USD 100,000 worth of course materials to people who need it. Donated to the &lt;a href="https://twitter.com/MrAhmadAwais/status/1222550684790329345"&gt;Laptops for Developers&lt;/a&gt; initiative in Nigeria.&lt;/p&gt;

&lt;p&gt;And some times, I felt so down, I just &lt;a href="https://twitter.com/MrAhmadAwais/status/1250495530364526592"&gt;tweeted about it&lt;/a&gt; and the Dev community came to rescue. It's all kinds of weird. Creating products, putting yourself out there. &lt;/p&gt;

&lt;h3&gt;
  
  
  Fear of Pre-launch &amp;amp; Pre-Order
&lt;/h3&gt;

&lt;p&gt;Now that I am creating a new course on helping developers automate their repetitive grunt work with Node.js, I thought instead of waiting for the course to be complete, I should get out of my comfort zone and announce it right away. &lt;/p&gt;

&lt;p&gt;But wait. This time it's different. Yes, I have done this before but I never really asked for developers to bet on my work in advance. That's a different animal. So, instead of announcing the course, I started testing it again and again. &lt;/p&gt;

&lt;h5&gt;
  
  
  Fear's Side-effect: Over-Engineering
&lt;/h5&gt;

&lt;p&gt;Yes, I found a couple of things that should have been fixed but hey it just delayed everything. I thought, not everyone would want to buy the course that's still being recorded. So, I built a way to help people subscribe for free.&lt;/p&gt;

&lt;p&gt;That was actually a good idea, now that there are around 678 people subscribed to the list, I know for a fact that people want to learn how to build CLIs. &lt;/p&gt;

&lt;h5&gt;
  
  
  Fear's Side-effect: Launching Free Stuff
&lt;/h5&gt;

&lt;p&gt;Now that the &lt;a href="https://NodeCLI.com"&gt;NodeCLI&lt;/a&gt; site was ready. Instead of announcing it, I thought maybe I should build a couple more CLIs first. You know to show everyone that I know what it takes. &lt;/p&gt;

&lt;p&gt;I have literally built &lt;a href="https://github.com/AhmadAwais"&gt;hundreds of automation projects&lt;/a&gt;, most of them are open source. But have I really build a good CLI? I should build something super fancy right. How about graphs in the command line? And table layout with all the statistics of #COVID19 coronavirus disease. &lt;/p&gt;

&lt;p&gt;…and that's exactly what I did. I went ahead, built, and released &lt;a href="https://github.com/AhmadAwais/corona-cli"&gt;corona-cli&lt;/a&gt;. So, far I have spent several hundred hours improving (read as &lt;em&gt;perfecting&lt;/em&gt;) the CLI. &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Well, yes it has worked wonders. It ranked #2 most trending JavaScript project for about a week. I was listed as the &lt;a href="https://ahmadawais.com/javascript-trending-developer/"&gt;#1 Top JavaScript Developer&lt;/a&gt; on GitHub trending and lived to &lt;a href="https://twitter.com/MrAhmadAwais/status/1241734619919155201"&gt;tweet about it&lt;/a&gt;.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h4&gt;
  
  
  &lt;a href="https://github.com/AhmadAwais/corona-cli"&gt;corona-cli&lt;/a&gt;
&lt;/h4&gt;

&lt;p&gt;Free and open-source:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🚀 Get worldwide Coronavirus disease (COVID-19) reporting&lt;/li&gt;
&lt;li&gt;🤯 Active daily reporting of your country's COVID-19 statistics&lt;/li&gt;
&lt;li&gt;🇺🇸 Get US States data for Coronavirus disease reports across the US&lt;/li&gt;
&lt;li&gt;🗃️ Data: Country, Cases, Deaths, Recovered, Active, Critical, Per Million&lt;/li&gt;
&lt;li&gt;📈 Charts: Plot statistics in the form of line charts both regular and logarithmic&lt;/li&gt;
&lt;li&gt;📟 Sort: &lt;code&gt;cases&lt;/code&gt;, &lt;code&gt;cases-today&lt;/code&gt;, &lt;code&gt;deaths&lt;/code&gt;, &lt;code&gt;deaths-today&lt;/code&gt;, &lt;code&gt;recovered&lt;/code&gt;, &lt;code&gt;active&lt;/code&gt;, &lt;code&gt;critical&lt;/code&gt;, &lt;code&gt;per-million&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;In hindsight:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;🤯 Over 200 hours of development time&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;🧐 50 versions released  - &lt;a href="https://github.com/ahmadawais/corona-cli/blob/master/changelog.md"&gt;changelog&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;😲 1 Billion+ API requests, over a million visitors, hundreds of forks&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;🤩 14 contributors, 40 closed issues, 25 accepted PRs, 12 open PRs, 20 open issues, &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;🙈 &lt;strong&gt;ONE&lt;/strong&gt; single human developer, an indie maker managing all of this&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;💸 Made exactly ZERO x Hundred Thousand Dollars&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;…let me sum that up for if you missed the point here.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;In an effort of releasing a pre-order / pre-launch stage course where developers could buy the course at 60% off and save a bunch of time automating grunt work, learning Node.js — I felt guilty and thought I must prove my worth. That led to the side-effects of over-engineering and launching stuff for free — that's all super helpful to the community, sadly doesn't help pay the bills.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Quiet Announcement
&lt;/h3&gt;

&lt;p&gt;What an oxymoron? That's seriously what I did. I announced my course super quietly there on Twitter in the form of a &lt;a href="https://twitter.com/MrAhmadAwais/status/1247956557394034689"&gt;tweet&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Liquid error: internal&lt;/p&gt;

&lt;p&gt;What I mean by &lt;em&gt;quiet&lt;/em&gt; is that I didn't write a blog post about it, I have over 100k subscribers in my &lt;a href="https://AhmadAwais.com/subscribe"&gt;newsletter&lt;/a&gt; and millions of people visit &lt;a href="https://AhmadAwais.com/"&gt;my blog&lt;/a&gt; every year. I've been blogging for about 17 years now. And I'm still hesitant to announce this pre-order stage course to my subscribers due to the mix of all the fears I listed above.&lt;/p&gt;

&lt;p&gt;I will eventually get to it. I have been preparing all week to send that email and I think next week is when that will happen. But for now, I felt so out of my skin that I had to write this post. And I also tweeted the following:&lt;/p&gt;

&lt;p&gt;Liquid error: internal&lt;/p&gt;

&lt;p&gt;I know I am not alone in this. I know many many of you face the same fears as I do. I wanted to document this to share my journey and to share that it's natural. Sometimes it sucks. And also to share with everyone that it takes a lot of work, guts, effort, and mental strength to put yourself out there. Go easy on creators, builders, indie-makers.&lt;/p&gt;

&lt;p&gt;If you face the same fears. I bet it would help if we talk about it. Let's discuss that in the comments below. Feel free to share whatever is it that you struggle with as a developer.&lt;/p&gt;

&lt;p&gt;And before my imposter syndrome gets the better of me, let me plug: If you ever wanted to build a CLI with Node.js to automate anything you could imagine, then signup at &lt;a href="https://NodeCLI.com"&gt;NodeCLI.com&lt;/a&gt; — I bet it's going to be worth it. By the end of the course, you'll build tens of automation projects. &lt;/p&gt;

&lt;p&gt;This course is for both; absolute beginners (creating a CLI to keep track of the latest TV season episode you watched or finding out when's the next one due) to doing things like typing one word to reboot your WiFi router.&lt;/p&gt;




&lt;p&gt;So, far that's all I gotta say. Share your war stories of being an Indie maker, I hope it inspires others to do the same. &lt;/p&gt;

</description>
      <category>launch</category>
      <category>entrepreneur</category>
      <category>course</category>
    </item>
    <item>
      <title>🔍 Find Your Outdated VSCode Extensions</title>
      <dc:creator>Saad Irfan</dc:creator>
      <pubDate>Thu, 30 Apr 2020 15:23:06 +0000</pubDate>
      <link>https://forem.com/vscode/find-your-vscode-outdated-extensions-1ned</link>
      <guid>https://forem.com/vscode/find-your-vscode-outdated-extensions-1ned</guid>
      <description>&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/nYnTT59rgOk"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;If you are like me &amp;amp; use VSCode as your code editor, you might then want to learn some tips &amp;amp; tricks about it. There is an awesome &lt;a href="https://vscode.pro/" rel="noopener noreferrer"&gt;course&lt;/a&gt; on VSCode just for this, which at the end of it, turns you into a VSCode power user. ⚡️&lt;/p&gt;

&lt;p&gt;Staying up-to-date with everything has become crucial nowadays whether it's your OS, a CLI, or your VSCode extensions. In this piece, I am going to show you guys an easy way to check your outdated VSCode extensions so you can then update them. Now without further ado, let's jump right in! 🙌🏻&lt;/p&gt;

&lt;h2&gt;
  
  
  👨🏻‍💻 VSCode Outdated Extensions
&lt;/h2&gt;

&lt;p&gt;Follow the steps below to see your outdated extensions.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🚀 STEP #1: Launch your VSCode&lt;/li&gt;
&lt;li&gt;📦 STEP #2: Open Extension's Area located at the sidebar.&lt;/li&gt;
&lt;li&gt;✍️ STEP #3: Write &lt;code&gt;@outdated&lt;/code&gt; in the extension search box.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Once you are through these steps, you will see a list of your outdated VSCode Extensions, if there are any. If there isn't, you will get the message of &lt;code&gt;No extensions found&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi7fnh00hqjrz7cma2b98.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi7fnh00hqjrz7cma2b98.png" alt="VSCode outdated extensions" width="800" height="479"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That's it for today, folks! If you have found this piece useful then please hit the like button. If you have any questions, just drop them in the comment section below. Till then, cheerios! 🤞&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>extensions</category>
      <category>microsoft</category>
      <category>editor</category>
    </item>
    <item>
      <title>VSCode Command Line Interface</title>
      <dc:creator>Saad Irfan</dc:creator>
      <pubDate>Sun, 26 Apr 2020 16:50:06 +0000</pubDate>
      <link>https://forem.com/vscode/vscode-command-line-interface-1pbe</link>
      <guid>https://forem.com/vscode/vscode-command-line-interface-1pbe</guid>
      <description>&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/uKCiAA4AJcI"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;Just when I thought VSCode can't surprise me anymore, it came out of the closet with something awesome &amp;amp; shocked me again. Did you folks know VSCode offers a Command Line Interface (CLI) that lets you do a bunch of amazing VSCode stuff right inside your terminal. &lt;/p&gt;

&lt;p&gt;Before we go into details, let's first activate this CLI.&lt;/p&gt;

&lt;h2&gt;
  
  
  ⚙️ Setting Up the CLI
&lt;/h2&gt;

&lt;p&gt;Open your VSCode. Press ⌘command + ⇧shift + p to open the Command Palette. Once it's open, search for &lt;em&gt;shell command&lt;/em&gt; &amp;amp; then select the option: &lt;code&gt;Shell Command: Install 'code' command in PATH&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh2q0lun0q45m5xn0jer1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fh2q0lun0q45m5xn0jer1.png" alt="Activating VSCode CLI" width="800" height="479"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;When you are done, you will see a confirmation message at the bottom right corner of your VSCode &amp;amp; that's it. You have activated the CLI. 🙌🏻&lt;/p&gt;

&lt;h2&gt;
  
  
  🚀 Code CLI
&lt;/h2&gt;

&lt;p&gt;As the name suggests, every Code CLI command will start with &lt;strong&gt;code&lt;/strong&gt;. For instance, if you want to get your VSCode version, you can just type &lt;code&gt;code -v&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fd1t5c80hw7bmjxqfecpe.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fd1t5c80hw7bmjxqfecpe.png" alt="Code CLI" width="800" height="479"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;You can also open any folder in VSCode by just typing &lt;code&gt;code .&lt;/code&gt; in any terminal &amp;amp; then pressing enter &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff7gkx45aa2iglx5wq9rq.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff7gkx45aa2iglx5wq9rq.gif" alt="VSCode launch" width="800" height="587"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Code CLI also allows you to open any file of your project from your terminal. Just write &lt;code&gt;code -r filename&lt;/code&gt; in the terminal &amp;amp; you are good to go. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhjtwtwz842hn53sjhvof.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fhjtwtwz842hn53sjhvof.gif" alt="Code CLI open file" width="800" height="567"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;We have added &lt;code&gt;-r&lt;/code&gt; to reuse the existing window instead of opening a new one. You can also use the command &lt;code&gt;code -d filename1 filename2&lt;/code&gt; to compare to files with each other. ⚡️&lt;/p&gt;

&lt;p&gt;These are just the tip of the iceberg. You can see all of the options that this CLI provides by writing  &lt;code&gt;code --help&lt;/code&gt;  in the terminal.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F44pzl5tawzr4xsqzphjw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F44pzl5tawzr4xsqzphjw.png" alt="Code CLI help" width="800" height="479"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;That's it for today's, folks! If you like this piece, please hit the like button, and if you have a question, just drop it down in the comments section below. 🙌🏻&lt;/p&gt;

</description>
    </item>
    <item>
      <title>🎩 Top 3 VSCode Themes in 2020</title>
      <dc:creator>Saad Irfan</dc:creator>
      <pubDate>Wed, 15 Apr 2020 13:55:57 +0000</pubDate>
      <link>https://forem.com/vscode/top-3-vscode-themes-in-2020-2fm2</link>
      <guid>https://forem.com/vscode/top-3-vscode-themes-in-2020-2fm2</guid>
      <description>&lt;p&gt;VSCode is the most popular code editor. The best part of VSCode is how extendable it is. It's actually a JavaScript and Electron-based application. &lt;/p&gt;

&lt;p&gt;Today, I'm going to share three top VSCode themes you should try in 2020. This is an opinionated post on what I believe are the top themes in the VSCode marketplace.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. 🦄 Shades of Purple
&lt;/h2&gt;

&lt;p&gt;If you haven't tried &lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;Shades of Purple&lt;/a&gt; till now then, believe me, you are in for a treat. The author, &lt;a href="https://twitter.com/mrahmadawais" rel="noopener noreferrer"&gt;Ahmad Awais&lt;/a&gt;, has so meticulously designed this theme that it makes you fall in love with your code editor. The documentation itself is a piece of art. Millions of developers are using this theme. Over 100 five-star ratings.  ⭐️&lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F949xxjf01t6duymoxrbo.gif" alt="Shades of purple" width="720" height="405"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2. 🦉 Night Owl
&lt;/h2&gt;

&lt;p&gt;The number 2 on our list is &lt;a href="https://marketplace.visualstudio.com/items?itemName=sdras.night-owl" rel="noopener noreferrer"&gt;Night Owl&lt;/a&gt; developed by &lt;a href="https://twitter.com/sarah_edo" rel="noopener noreferrer"&gt;Sarah Drasner&lt;/a&gt; who is the VP of the Developer Experience at Netlify. As the name suggests, this theme is specially designed for folks who work at night &amp;amp; need a theme that doesn't hurt their eyes. The theme also offers a lighter version for developers who are not into night mode. It has a five-star rating with over 400k+ installs. ⚡️&lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=sdras.night-owl" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0t67dk41gwdr9g3kwa8f.png" alt="Night Owl" width="800" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  3. 🎛 Material Theme
&lt;/h2&gt;

&lt;p&gt;The last one we got is the amazing &lt;a href="https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme" rel="noopener noreferrer"&gt;Material Theme&lt;/a&gt; designed by &lt;a href="https://twitter.com/equinusocio" rel="noopener noreferrer"&gt;Mattia Astorino&lt;/a&gt;. This theme has over 8M+ downloads &amp;amp; 2M+ installs. It gives you a blend of dark green with light green &amp;amp; makes your code look so elegant. It got a four-star rating and definitely worth a shot.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=Equinusocio.vsc-material-theme" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flof9v9ws14opyjqkqfi6.png" alt="Material Theme" width="800" height="480"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🙌🏻 So that's all for today. Do let me know what your favorite VSCode theme is in the comment section down below. Also, if you are interested in saving tons of productivity hours on a weekly basis then check the &lt;a href="https://vscode.pro/" rel="noopener noreferrer"&gt;VSCode.pro&lt;/a&gt; course. This course will make you a VSCode Power User in no time. &lt;/p&gt;

</description>
      <category>vscode</category>
      <category>themes</category>
      <category>top3</category>
    </item>
    <item>
      <title>🎨 Celebrating 1 Million+ Developer Users of My VSCode Shades of Purple Theme</title>
      <dc:creator>Ahmad Awais ⚡️</dc:creator>
      <pubDate>Wed, 03 Apr 2019 15:31:25 +0000</pubDate>
      <link>https://forem.com/vscode/celebrating-1-million-developer-users-of-my-shades-of-purple-theme-4dn4</link>
      <guid>https://forem.com/vscode/celebrating-1-million-developer-users-of-my-shades-of-purple-theme-4dn4</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;This post is a part of my &lt;a href="https://ahmadawais.com/2018-year-in-review/" rel="noopener noreferrer"&gt;2018 Year in Review: Open Source, Node.js, &amp;amp; Developer Relations&lt;/a&gt;. That's what you should read for the context.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;That's right. Something incredibly amazing happened last year. After switching to &lt;a href="https://VSCode.pro/?utm_source=aacom" rel="noopener noreferrer"&gt;VSCode&lt;/a&gt;, I struggled with finding a good theme that was actually built for VSCode and not just a theme migrated from another editor. &lt;/p&gt;

&lt;p&gt;So, I built this suit of themes called &lt;code&gt;🦄 Shades of Purple&lt;/code&gt; for &lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;VSCode&lt;/a&gt;, &lt;a href="https://github.com/ahmadawais/shades-of-purple-iterm2" rel="noopener noreferrer"&gt;iTerm2&lt;/a&gt;, &lt;a href="https://github.com/ahmadawais/shades-of-purple-hyper" rel="noopener noreferrer"&gt;Hyper Terminal&lt;/a&gt;, &lt;a href="https://github.com/ahmadawais/shades-of-purple-slack" rel="noopener noreferrer"&gt;Slack&lt;/a&gt;, &lt;a href="https://github.com/ahmadawais/shades-of-purple-alfred" rel="noopener noreferrer"&gt;AlfredApp&lt;/a&gt;, &lt;a href="https://github.com/ahmadawais/Shades-of-Purple-HighlightJS" rel="noopener noreferrer"&gt;HighlightJS&lt;/a&gt;, &lt;a href="https://github.com/FormidableLabs/prism-react-renderer/blob/master/themes/shadesOfPurple.js" rel="noopener noreferrer"&gt;Prism React&lt;/a&gt;, &lt;a href="https://code-surfer.netlify.com/theming/#8" rel="noopener noreferrer"&gt;Code Surfer&lt;/a&gt;, and even got community contributions in the form of the same theme being ported for &lt;a href="https://github.com/ahmadawais/Shades-of-Purple-Cygwin" rel="noopener noreferrer"&gt;Cygwin&lt;/a&gt; and &lt;a href="https://github.com/ahmadawais/shades-of-purple-konsole" rel="noopener noreferrer"&gt;Konsole&lt;/a&gt;. Proud of it, AH! &lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fahmadawais.com%2Fwp-content%2Fuploads%2F2019%2F02%2Fshades-of-purple.gif" alt="Shades Of Purple"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;✅ When you build something to solve your own problems and share it with others (especially as a Free &amp;amp; Open Source Software) chances are it can click well with them. This is exactly what happened here. &lt;/p&gt;

&lt;p&gt;🤔 I was building the LMS platform to host my &lt;a href="https://VSCode.pro" rel="noopener noreferrer"&gt;VSCode.pro&lt;/a&gt; course. I would code the same logic as the video end event in JavaScript, PHP, Go-lang, CSS, and HTML. So, a variable like &lt;code&gt;videoEnd&lt;/code&gt; had representation in all these languages. Interesting?! &lt;/p&gt;

&lt;p&gt;❌ Guess what? Every programming language would color the variables different. At one time I had yellow, blue, pink, red, and green colors as the syntax highlighting for the same damn variable across different languages. That would mess my brain up. &lt;/p&gt;

&lt;p&gt;🤯 So, I went ahead and built a theme that's consistent enough across 30+ languages and is inspired by many great themes. I got a couple of designer friends to review the theme's design and worked on its accessibility. &lt;/p&gt;

&lt;p&gt;⚡️ This project quickly became my favorite side-project and has helped me become a better programmer. I know the data types by their color (so when things go wrong my brain can pick it up before a linter does). Amazing! &lt;/p&gt;

&lt;p&gt;😮 What happened with the Shades of Purple project was beyond any kind of growth I have ever seen for my open source software. Maybe it's the awesome VSCode community or just maybe for once I created something really useful. Who knows. Check out the stats:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;Over a million developer users of my theme&lt;/strong&gt; — wow that puts things in perspective. I mean serious-f***-ly (pardon my french).&lt;/li&gt;
&lt;li&gt;  I've released &lt;strong&gt;over a hundred version updates&lt;/strong&gt; for the entire suite of Shade of Purple themes. All that in one year. #TrueThat!&lt;/li&gt;
&lt;li&gt;  I feel like I connect with so many developers on a daily basis. A simple theme update can make their lives easier. &lt;strong&gt;They know I care.&lt;/strong&gt;
&lt;/li&gt;
&lt;li&gt;  An average developer spends several hours daily writing code. So, thousands of developers &lt;strong&gt;use my theme for several hours daily&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;  It feels like I've created sort of a Facebook (without creepy privacy issues of course) where all my users are my people (I mean developers). It feels good to keep improving it in an agile-manner.&lt;/li&gt;
&lt;li&gt;  Check out the small bit of sorcery I pulled off for potential time-travel using my &lt;a href="https://github.com/AhmadAwais/Emoji-Log" rel="noopener noreferrer"&gt;Emoji-log&lt;/a&gt; git commit spec to build an &lt;a href="https://marketplace.visualstudio.com/items/ahmadawais.shades-of-purple/changelog" rel="noopener noreferrer"&gt;automated Changelog&lt;/a&gt; that's actually worth a read (excuse the course ad, gotta support all this free and open source work to put food on the table).&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;WOW! OK, maybe that's too much. But hey, I love it. Shades of Purple theme has created the sort of a geeky &lt;strong&gt;#PurpleRevolution&lt;/strong&gt;. Everyone knows I love the purple color. &lt;strong&gt;Purple is genius&lt;/strong&gt;.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Peace! ✌️&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Go ahead and install the 🦄 &lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;Shades of Purple VSCode theme&lt;/a&gt; →&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1082733751896018946-564" src="https://platform.twitter.com/embed/Tweet.html?id=1082733751896018946"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1082733751896018946-564');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1082733751896018946&amp;amp;theme=dark"
  }



&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>onedevminute</category>
    </item>
    <item>
      <title>VSCode No Reload Extension Install in Version 1.31</title>
      <dc:creator>Ahmad Awais ⚡️</dc:creator>
      <pubDate>Wed, 06 Feb 2019 22:41:53 +0000</pubDate>
      <link>https://forem.com/vscode/vscode-no-reload-extension-install-in-version-131-59fe</link>
      <guid>https://forem.com/vscode/vscode-no-reload-extension-install-in-version-131-59fe</guid>
      <description>&lt;p&gt;VSCode v1.31 just released has an amazing new feature. Now you can install Visual Studio Code Extensions without having to reload your VSCode instance. This has been the most requested feature of VSCode. Reload is also not needed when you uninstall or disable an extension if it is not activated.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/VS98ddZqLfM"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;📺 Watch a more detailed version on &lt;a href="https://Youtu.be/VS98ddZqLfM"&gt;YouTube →&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;blockquote&gt;
&lt;h4&gt;
  
  
  Video Transcript
&lt;/h4&gt;

&lt;p&gt;🎸 (MUSIC PLAYING) Howdy-do, folks — This is Ahmad Awais! 👋 Back with another #OneDevMinute Guess what just happened? About 10.5 minutes ago the Visual Studio Code team — has just released  The January update, version 1.31 of VS Code And it contains an amazing feature. I think it has been the most most requested feature… Now you can install extensions &amp;amp; do NOT have to reload VS Code at all How awesome is that. Let's dive in and see how it actually works You see I have this &lt;code&gt;.vue&lt;/code&gt; file! It does NOT have a syntax coloring right now. So, I am going to install this very popular extension called "Vetur" — As you can see this Vetur extension is actually being installed — and as soon as it was installed you can see the Syntax Highlighting is now here! 💯 No need to reload VS Code whatsoever! Now this is a new feature. And it is going to be — you know— rough around the edges — but it is just amazing. So, this is new. Go ahead to this link and take a look at all of these new features. Especially the "No Reload on Extension Install"  and "Tree UI Improvements" — and if you're a VS Code Theme author you might want to add colors for &lt;code&gt;listFiletWidget&lt;/code&gt; which enables you to explore this Tree View in a better way I have just pushed out a new update of 🦄 Shades of Purple theme so go ahead and install it. And if you want to learn about more Power User Workflows for VS Code — Go ahead and take a look at VSCode.pro — It's my VSCode power user course which is helping Over 4,000 developers become master Visual Studio Code users! So check out my VSCode.pro Power User Course! And I'll see you in the next one. Peace! ✌️&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;🐦 Twitter: &lt;a href="https://twitter.com/MrAhmadAwais"&gt;https://twitter.com/MrAhmadAwais&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;✍️ Blog: &lt;a href="https://AhmadAwais.com"&gt;https://AhmadAwais.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;😮 GitHub: &lt;a href="https://github.com/AhmadAwais"&gt;https://github.com/AhmadAwais&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔗 LinkedIn: &lt;a href="https://linkedin.com/in/MrAhmadAwais"&gt;https://linkedin.com/in/MrAhmadAwais&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔗 YouTube: &lt;a href="https://YouTube/AhmadAwais"&gt;https://YouTube/AhmadAwais&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;P.S. If you like my work, feel free to share it, like it. I teach at &lt;a href="https://VSCode.pro/"&gt;VSCode.pro&lt;/a&gt; &amp;amp; I am quite active on twitter you can find me cracking silly jokes there, maybe &lt;a href="https://twitter.com/MrAhmadAwais"&gt;follow me on Twitter&lt;/a&gt; to connect and &lt;a href="https://YouTube/AhmadAwais"&gt;subscribe to my YouTube channel →&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Peace! ✌️&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>onedevminute</category>
      <category>vscode</category>
    </item>
    <item>
      <title>How to Find VSCode Outdated Extensions! #OneDevMinute</title>
      <dc:creator>Ahmad Awais ⚡️</dc:creator>
      <pubDate>Sun, 25 Nov 2018 20:46:57 +0000</pubDate>
      <link>https://forem.com/vscode/how-to-find-vscode-outdated-extensions-3mlg</link>
      <guid>https://forem.com/vscode/how-to-find-vscode-outdated-extensions-3mlg</guid>
      <description>&lt;p&gt;Small #OneDevMinute tip. Super easy way to be a VSCode.pro and find out the outdated extensions easily.&lt;/p&gt;

&lt;h2&gt;
  
  
  🤔 How to Find VSCode Outdated Extensions!
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;Just go to your extensions view from the sidebar&lt;/li&gt;
&lt;li&gt;You can also press COMMAND (⌘) + SHIFT (⇧) + X)&lt;/li&gt;
&lt;li&gt;Literally, type &lt;code&gt;@outdated&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;VSCode will list all the outdated extensions&lt;/li&gt;
&lt;li&gt;Watch me do all of this in the video below&lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;📺 Watch a more detailed version on &lt;a href="https://Youtu.be/nYnTT59rgOk" rel="noopener noreferrer"&gt;YouTube →&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;




&lt;ul&gt;
&lt;li&gt;🔥 Learn to become a &lt;a href="https://VSCode.pro/" rel="noopener noreferrer"&gt;VSCode Power User →&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🐦 Twitter: &lt;a href="https://twitter.com/MrAhmadAwais" rel="noopener noreferrer"&gt;https://twitter.com/MrAhmadAwais&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;✍️ Blog: &lt;a href="https://AhmadAwais.com" rel="noopener noreferrer"&gt;https://AhmadAwais.com&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;😮 GitHub: &lt;a href="https://github.com/AhmadAwais" rel="noopener noreferrer"&gt;https://github.com/AhmadAwais&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔗 LinkedIn: &lt;a href="https://linkedin.com/in/MrAhmadAwais" rel="noopener noreferrer"&gt;https://linkedin.com/in/MrAhmadAwais&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;🔗 YouTube: &lt;a href="https://YouTube/AhmadAwais" rel="noopener noreferrer"&gt;https://YouTube/AhmadAwais&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1066791352816553984-338" src="https://platform.twitter.com/embed/Tweet.html?id=1066791352816553984"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1066791352816553984-338');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1066791352816553984&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;P.S. If you like my work, feel free to share it, like it. I also have just started teaching at &lt;a href="https://VSCode.pro/" rel="noopener noreferrer"&gt;VSCode.pro&lt;/a&gt; &amp;amp; I am quite active on twitter you can find me cracking silly jokes there, maybe &lt;a href="https://twitter.com/MrAhmadAwais" rel="noopener noreferrer"&gt;follow me on Twitter&lt;/a&gt; to connect and &lt;a href="https://YouTube/AhmadAwais" rel="noopener noreferrer"&gt;subscribe to my YouTube channel →&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Peace! ✌️&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;🗣️ Comment below if you didn't get something.&lt;/p&gt;

</description>
      <category>onedevminute</category>
      <category>vscode</category>
      <category>vscodepro</category>
    </item>
    <item>
      <title>VSCode Theme Highlight-able Indent Guides FTW 💯</title>
      <dc:creator>Ahmad Awais ⚡️</dc:creator>
      <pubDate>Wed, 03 Oct 2018 17:08:19 +0000</pubDate>
      <link>https://forem.com/vscode/vscode-theme-highlight-able-indent-guides-ftw--2hmi</link>
      <guid>https://forem.com/vscode/vscode-theme-highlight-able-indent-guides-ftw--2hmi</guid>
      <description>&lt;p&gt;&lt;em&gt;This is just a small tip for VSCode.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Since VSCode &lt;code&gt;v1.23&lt;/code&gt; got released you can style the active indent guides. 😲 VS Code can now highlight the active indent guides, only if your VSCode theme has support for that. I released a new version of my &lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;🦄 Shades of Purple&lt;/a&gt; VSCode theme to support this feature. &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;So, as you move your cursor between various source code blocks. The color name is &lt;code&gt;editorIndentGuide.activeBackground&lt;/code&gt;.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I shared this as a &lt;a href="https://vscode.pro/tip/7" rel="noopener noreferrer"&gt;VSCode Tip&lt;/a&gt; →&lt;/p&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-992141467228491776-576" src="https://platform.twitter.com/embed/Tweet.html?id=992141467228491776"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-992141467228491776-576');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=992141467228491776&amp;amp;theme=dark"
  }



&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>code</category>
      <category>vscodetheme</category>
    </item>
    <item>
      <title>All-new VSCode Settings Editor UI</title>
      <dc:creator>Ahmad Awais ⚡️</dc:creator>
      <pubDate>Thu, 06 Sep 2018 04:22:41 +0000</pubDate>
      <link>https://forem.com/vscode/all-new-vscode-settings-editor-ui-----3j48</link>
      <guid>https://forem.com/vscode/all-new-vscode-settings-editor-ui-----3j48</guid>
      <description>&lt;p&gt;Howdy-do, folks! 🙌&lt;/p&gt;

&lt;p&gt;Over the past few months, VSCode team has been developing a GUI for editing settings. In the &lt;code&gt;v1.27&lt;/code&gt;, the new UI settings editor has become the default editor. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fon.ahmda.ws%2Fc8ef21e13058%2Fc" alt="new VSCode Editor UI"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;h3&gt;
  
  
  Settings Modification/Validation
&lt;/h3&gt;

&lt;p&gt;Settings that have been modified are now indicated with a colored line, like modified lines in the editor. The gear icon opens a context menu with an option to reset the setting to its default value. Setting values are now validated, and any validation errors are displayed.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fon.ahmda.ws%2Fdc5b7adc6325%2Fc" alt="new VSCode Editor UI"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;h3&gt;
  
  
  Shows Matching Extensions
&lt;/h3&gt;

&lt;p&gt;When you search in settings, our Bing-powered search service is still providing results that it thinks are relevant. Now, that service will also show you extensions from the Marketplace that have relevant settings. You will see a button at the bottom of the settings search results, Show matching extensions. When clicked, the Extensions view will open with the matching extensions.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fon.ahmda.ws%2Fa4402ed79a2f%2Fc" alt="new VSCode Editor UI"&gt;&lt;/a&gt; &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;You can still access the JSON settings editor, either by using the command &lt;code&gt;Open Settings (JSON)&lt;/code&gt; or by changing your default settings editor with the &lt;code&gt;"workbench.settings.editor"&lt;/code&gt; setting. But I suggest you create a keyboard shortcut by pressing &lt;code&gt;COMMAND (⌘) + k then COMMAND (⌘) + S&lt;/code&gt; and search for &lt;code&gt;Settings JSON&lt;/code&gt; and then set &lt;code&gt;COMMAND (⌘) + PERIOD (.)&lt;/code&gt; as the shortcut for the old JSON editor.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fon.ahmda.ws%2F0efb14123feb%2Fc" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fon.ahmda.ws%2F0efb14123feb%2Fc" alt="settings.json"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;🔥 &lt;a href="https://vscode.pro/tip/18" rel="noopener noreferrer"&gt;Checkout the TIP →&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;🦄 Shades of Purple VSCode theme&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;I just released a new version of &lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;🦄 Shades of Purple VSCode theme&lt;/a&gt; to improve upon the styling for this new editor with:&lt;/p&gt;

&lt;p&gt;📯 Theme Matching back/foreground colors &lt;br&gt;
⚠️ Change Indicator —  also decided to move from green to yellow color.&lt;/p&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1037554799418519552-531" src="https://platform.twitter.com/embed/Tweet.html?id=1037554799418519552"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1037554799418519552-531');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1037554799418519552&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;P.S. I am making every effort to launch my &lt;a href="https://VSCode.pro/" rel="noopener noreferrer"&gt;VSCode.pro&lt;/a&gt; this month. Bear with me and maybe signup for the update. Peace! ✌️&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>vscode</category>
      <category>vscodepro</category>
    </item>
    <item>
      <title>🔥VSCode Breadcrumbs Are Here, And I Love 'em!</title>
      <dc:creator>Ahmad Awais ⚡️</dc:creator>
      <pubDate>Tue, 14 Aug 2018 06:28:46 +0000</pubDate>
      <link>https://forem.com/vscode/vscode-breadcrumbs-are-here-jkn</link>
      <guid>https://forem.com/vscode/vscode-breadcrumbs-are-here-jkn</guid>
      <description>&lt;p&gt;Visual Studio Code's latest release &lt;code&gt;v1.26&lt;/code&gt; dropped today and it's filled with great new features. And there's a nifty new feature of Breadcrumbs. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fon.ahmda.ws%2F1N3c2q0Q0r2L%2Fc" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fon.ahmda.ws%2F1N3c2q0Q0r2L%2Fc" alt="image"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  What Are Breadcrumbs in the Context of VSCode?!
&lt;/h3&gt;

&lt;blockquote&gt;
&lt;p&gt;A breadcrumb navigation lets you jump to symbols and files in your workspace from the top without having to mess around with the file explorer — most helpful for small screens.&lt;/p&gt;

&lt;p&gt;The editor now has a navigation bar above its contents - we call it Breadcrumbs. It shows the current location and allows you to quickly navigate between symbols and files. To start using breadcrumbs, enable it with the View &amp;gt; Toggle Breadcrumbs command or via the &lt;code&gt;breadcrumbs.enabled&lt;/code&gt; setting.&lt;/p&gt;

&lt;p&gt;When using editor tabs (default), breadcrumbs are displayed in a separate row below the editor title. If you are not using editor tabs, breadcrumbs show as an interactive file path next to the title. &lt;a href="https://code.visualstudio.com/updates/v1_26#_breadcrumbs" rel="noopener noreferrer"&gt;More…&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;I love this new feature coz I will be using less and less of the explorer sidebar. More screen space for good old code. Enable them by this setting &lt;code&gt;"breadcrumbs.enabled": true&lt;/code&gt;. &lt;/p&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1029240599940136961-550" src="https://platform.twitter.com/embed/Tweet.html?id=1029240599940136961"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1029240599940136961-550');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1029240599940136961&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;p&gt;To interact with breadcrumbs, use the Focus Breadcrumbs command or press SHIFT (⇧) + COMMAND (⌘) + PERIOD (.) and use arrow keys ARROW KEYS (←/→) to move around.&lt;/p&gt;

&lt;h2&gt;
  
  
  🥖 VSCode Breadcrumbs Tips &amp;amp; Tricks
&lt;/h2&gt;

&lt;p&gt;I have shared more details in the tips below:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;✅ &lt;a href="https://VSCode.pro/tip/15" rel="noopener noreferrer"&gt;VSCode.pro/tip/15 →&lt;/a&gt; (Enable breadcrumbs in VSCode)&lt;/li&gt;
&lt;li&gt;✅ &lt;a href="https://VSCode.pro/tip/16" rel="noopener noreferrer"&gt;VSCode.pro/tip/16 →&lt;/a&gt; (Shortcuts/Iteration tips &amp;amp; tricks)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-1029240610379755521-259" src="https://platform.twitter.com/embed/Tweet.html?id=1029240610379755521"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-1029240610379755521-259');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=1029240610379755521&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;h2&gt;
  
  
  🦄 &lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;Shades of Purple &lt;code&gt;v2.5&lt;/code&gt; →&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;The new breadcrumbs feature is stylable and every good theme should have it styled or it would look weird. Shameless plug here, I am the author of a VSCode theme called 🦄 &lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;Shades of Purple →&lt;/a&gt; which is being used by ~15,000 developers.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdha4w82d62smt.cloudfront.net%2Fitems%2F1S3J0I0p2t3I303D0r24%2FSOPv2-1920x1080-Small-Slow-2mb.gif"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;I try to keep it updated with every single VSCode major release, which is why there are 50+ releases so far. In the Shades of Purple &lt;code&gt;v2.5&lt;/code&gt; update two major updates are:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;🎨 Styles for VSCode Breadcrumbs&lt;/li&gt;
&lt;li&gt;🗂 Styles for the upcoming VSCode Settings editor that's in preview at the moment, but it's styled in accordance with the 🦄 &lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;Shades of Purple theme →&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvsmarketplacebadge.apphb.com%2Finstalls%2Fahmadawais.shades-of-purple.svg%3Flabel%3DDevelopers%26colorB%3DB168F5" alt="Developers Using 🦄 Shades of Purple "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Peace! ✌️&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>code</category>
    </item>
    <item>
      <title>🔥 VSCode Grid Editor Layout Is Here!</title>
      <dc:creator>Ahmad Awais ⚡️</dc:creator>
      <pubDate>Thu, 05 Jul 2018 20:41:23 +0000</pubDate>
      <link>https://forem.com/vscode/-vscode-grid-editor-layout-is-here-b6a</link>
      <guid>https://forem.com/vscode/-vscode-grid-editor-layout-is-here-b6a</guid>
      <description>&lt;p&gt;VSCode just got June's update 🌞 v1.25 and finally it has the "Grid Editor Layout" feature, I was so looking forward to. I'm lovin' it!&lt;/p&gt;

&lt;p&gt;🔥 Check: &lt;a href="https://VSCode.pro/TIP/14"&gt;VSCode.pro/TIP/14 →&lt;/a&gt;&lt;br&gt;
✅ Drag &amp;amp; Drop Grid Creator&lt;br&gt;
🏗️ Horizontal/Vertical Layout&lt;br&gt;
💜 Use on large Monitors or in Conf talks&lt;/p&gt;

&lt;p&gt;You can now arrange 🆚Code's editors both vertically and horizontally and have more than 3 editors side by side layout. &lt;/p&gt;

&lt;p&gt;This is a super fun feature for when you have a large external monitor and also when you are presenting at a conference. &lt;/p&gt;

&lt;p&gt;Just drag and drop your files in up/down/right/left position to easily open up editors in the grid layout. There is also a predefined set of editor layouts in the new  &amp;gt;  menu. Use your code for good.&lt;/p&gt;

&lt;p&gt;Liquid error: internal&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>tip</category>
      <category>layout</category>
    </item>
    <item>
      <title>VSCode Theme Highlight-able Indent Guides FTW 💯</title>
      <dc:creator>Ahmad Awais ⚡️</dc:creator>
      <pubDate>Sun, 13 May 2018 14:07:29 +0000</pubDate>
      <link>https://forem.com/vscode/vscode-theme-highlight-able-indent-guides-ftw--56co</link>
      <guid>https://forem.com/vscode/vscode-theme-highlight-able-indent-guides-ftw--56co</guid>
      <description>&lt;p&gt;VSCode &lt;code&gt;v1.23&lt;/code&gt; just got released and now you can style the active indent guides. 😲 VS Code can now highlight the active indent guides, only if your VSCode theme has support for that. &lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;So, as you move your cursor between various source code blocks. The color name is &lt;code&gt;editorIndentGuide.activeBackground&lt;/code&gt;.&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fon.ahmda.ws%2FrYBv%2Fc" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fon.ahmda.ws%2FrYBv%2Fc" alt="VSCode.pro"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h2&gt;
  
  
  🔥&lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;Shades of Purple for VSCode&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;As soon as this feature was released, I update my 💜Purple theme called &lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;Shades of Purple for VSCode&lt;/a&gt; which you can use right now and get most out of your 🆚Code :)&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;For the theme authors use this editorIndentGuide.activeBackground: Color of the active editor indentation guide.&lt;/li&gt;
&lt;li&gt;For users, try &lt;a href="https://marketplace.visualstudio.com/items?itemName=ahmadawais.shades-of-purple" rel="noopener noreferrer"&gt;Shades of Purple for VSCode&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;I shared this as a &lt;a href="https://vscode.pro/tip/7" rel="noopener noreferrer"&gt;VSCode Tip&lt;/a&gt;→&lt;/li&gt;
&lt;li&gt;I shared a GIF on Twitter.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;iframe class="tweet-embed" id="tweet-992141467228491776-810" src="https://platform.twitter.com/embed/Tweet.html?id=992141467228491776"&gt;
&lt;/iframe&gt;

  // Detect dark theme
  var iframe = document.getElementById('tweet-992141467228491776-810');
  if (document.body.className.includes('dark-theme')) {
    iframe.src = "https://platform.twitter.com/embed/Tweet.html?id=992141467228491776&amp;amp;theme=dark"
  }



&lt;/p&gt;

&lt;p&gt;Peace! ✌️&lt;/p&gt;

</description>
      <category>vscode</category>
      <category>code</category>
      <category>vscodetheme</category>
    </item>
  </channel>
</rss>
