🔥TIP #18VSCode.pro Tips & Tricks for Developers

VSCode UI Settings Editor

Over the past few months, VSCode team has been developing a GUI for editing settings. In the v1.27, the new UI settings editor has become the default editor. You can still access the JSON settings editor, either by using the command Open Settings (JSON) or by changing your default settings editor with the "workbench.settings.editor" setting.
I just released a new version of 🦄 Shades of Purple VSCode theme to improve upon the styling for this new editor with Matching back/foreground colors and also decided to move from green to yellow color the Change Indicator.
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.
I wrote an entire blog post on this tip about the All-new VSCode Settings Editor UI →

VSCode Power User

After 10 years with Sublime Text, I switched to VSCode — the new open source cross-platform editor everyone's talking about. I've spent over a thousand hours perfecting my setup to help you switch today. Bring all your custom settings and learn the power user workflows for HTML/CSS, GitHub/Git & Open Source, supercharged Markdown, and everything from JavaScript to PHP, Go, Python, C++, C#, ROR & 50+ Extensions.
→ I'm sharing it all in five hours — 65 videos online course.
GET STARTED NOW
SmashingMagazineSmashingMagazineGoogleGoogleMongoDBMongoDBMicrosoftMicrosoftCSSTricksCSSTricksSitePointSitePointHongKiatHongKiatCreativeMarketCreativeMarketProductHuntProductHuntTheDevCoupleTheDevCoupleWPEngineWPEngineScotchScotchWordPressWordPressKinstaKinstaTutsPlusTutsPlus

Ahmad Awais
Meet the author?!
Ahmad Awais

🏆Award-winning GitHub Star Open Sourcerer 🎩 Google Devs Expert Dir. DevRel 🚀 Mars Ingenuity Helicopter code contributor 🎩 Node.js Foundation Community Committee Outreach Lead, Member Linux Foundation, OpenAPI BGB, DigitalOcean Navigator 🔥 Author of various open-source dev-tools and software libraries used by millions of developers worldwide (including engineers at Google, Netflix, Amazon, Microsoft, Intel). 📣 TEDx Speaker (NodeConf, React Live, Next.js Conf).Awais has been listed as #1 JavaScript Trending Developer worldwide by GitHub. He's the Sr. Director of Developer Relations @RapidAPI. He also created one of the top VSCode themes called Shades of Purple (used by millions of developers). Install SOP theme. Check out his work on corona-cli, Shades of Purple theme, wp-continuous-deployment, cgb, Emoji Log, and many more open-source projects on GitHub.🔥 Satya Nadella CEO of Microsoft, said Awais is an awesome example for developers🌟 Regular WordPress Core Developer ✍️ Member of SmashingMagazine Experts Panel, Featured/published author at CSS-Tricks, Tuts+, Scotch.io, TorqueMag, SitePoint. Connect with Awais on twitter @MrAhmadAwais.
Jump to table of contents ↬

Take Their Word for It

You don't have to take my word for it. Some nice folks have said some nice things!

Shit, I didn't know that!!!!!!! This tip is life changing to me!!

Zouhir ⚡Zouhir ⚡Edge Microsoft | Google Dev Expert

Wow; the quality of the courses is outstanding. Really great work Awais Awesome work!

Alberto MedinaAlberto MedinaGoogle Developer Advocate | Ph.D CS

Suuuuper stoked for this. I just picked up my copy of NodeCLI course! I can't wait to take my CLI skills to the next level. Keep up the great work @MrAhmadAwais

Alexander RomanoAlexander RomanoAssociate App Developer | SKF

Get Started Now!

As developers, we spend over 200 Hrs/month with our code editors — it's only fair to learn your next editor deeply. This course will save you 15-20 hours every month. I've poured my dev-heart out in this course. Spent 1,000+ hours so that you don't have to. From building a custom course platform to audio/video setup. I assure you this ridiculous hard work is worth its weight in gold. By buying this course, you're enabling me; a full-time open source dev to build more free/premium courses.
Got questions? I got answers or just tweet at @MrAhmadAwais →

Masterclass

All Nine Modules & Everything. This is the package you should buy to become a VSCode Power User.


🔥 21359+ ALREADY SOLD

Buy the Master Class$165$34👌
VISAPayPalAmexMasterCard

Price excludes tax VAT/GST


✅RECOMMENDED!

✅EVERYTHING:Nine Modules

✅VIDEOS:All 65 VSCode Videos

✅EXPIRY:Single One Time Payment

✅UPDATES:Lifetime Free Course Updates

✅EXAMPLES:Over 200 VSCode Tips & Tricks

✅COMMUNITY:VSCODEpro Slack Free Access

✅EVERYTHING:Including all lessons & modules

✅VALUE FOR MONEY:14 days refund (no Q/A)


📺MODULE #1Basics Yoga

📺MODULE #2Settings Ninja

📺MODULE #3Power User Workflows

📺MODULE #4HTML/CSS The Web Dev

📺MODULE #5Git/GitHub & OSS Tips

📺MODULE #6Pro Markdown Workflow

📺MODULE #7Everything About JavaScript

📺MODULE #8PHP/WordPress Workflows

📺MODULE #950+ Pro Extensions Setup


🔥 21359+ ALREADY SOLD

VISAPayPalAmexMasterCard

Price excludes tax VAT/GST


Jump to table of contents ↬

Take Their Word for It

You don't have to take my word for it. Some nice folks have said some nice things!

Shit, I didn't know that!!!!!!! This tip is life changing to me!!

Zouhir ⚡Zouhir ⚡Edge Microsoft | Google Dev Expert

Wow; the quality of the courses is outstanding. Really great work Awais Awesome work!

Alberto MedinaAlberto MedinaGoogle Developer Advocate | Ph.D CS

Suuuuper stoked for this. I just picked up my copy of NodeCLI course! I can't wait to take my CLI skills to the next level. Keep up the great work @MrAhmadAwais

Alexander RomanoAlexander RomanoAssociate App Developer | SKF

Today for #devAdvent: the very hardworking @MrAhmadAwais! Awais is a WordPress Core member and TEDx speaker and he recently created a course to help people become VS Code Power Users. If you're using VSCode as your editor, VSCode.pro is a fun/cool resource!

Sarah DrasnerSarah DrasnerJS Microsoft & Vuejs Core Team

Open Source work: "It's very impressive". — Won Automattic Design Award Trophy. The create-guten-block project is an awesome awesome contribution to the community — at AWP Gutenberg series.

Matt MullenwegMatt MullenwegCo-Founder of WordPress

I also just made the decision to move away from PHPStorm to VSCode. I mean, just one year in license fees pays for the VSCode.pro master package and I'll learn from one of the best Just by going through the UI improvements videos, I can already see how the course will help me become #VSCODEpro

Jan KochJan KochMentor at WPMastery

"OMG awesome. How do you find those class names?" — Said in response to a VSCode tip shared by Awais on Twitter.

Dan AbramovDan AbramovCore Dev ReactJS at Facebook

It’s a 5 hour course that teaches you a huge amount of knowledge and after going through it myself, I can state that even as a fairly advanced user of VS Code, Awais taught me some neat tricks that I immediately am integrating into my workflow now.

Benjamin LannonBenjamin LannonVSCode Extensions Developer in NY

I've been using VSCode for a few months and I'm not a power user at all. Thanks to @MrAhmadAwais for creating an amazing course to help me bridge that gap in a short time. I highly recommend his course if you're looking to level up your VSCode game.

Haris ZulfiqarHaris ZulfiqarFounder Avada | Engineer at WDS

Thanks, Awais! I'm really enjoying the VSCode course. You're a gifted teacher.

carrie dilscarrie dilsInstructor at LinkedIn Learning
Founder FearlessFreelancer

If you're looking to expand your VSCode knowledge, I have no doubt this course will be extremely useful. @MrAhmadAwais does great work.

Jeremy EnglertJeremy EnglertCore Contributor ZURB Foundation

Just grabbed @MrAhmadAwais's #VSCODEpro course masterclass. If you use any code editor, make the move. Support Awais :) he's a top guy — does great work. → VSCcode.pro

Mike StottMike StottCore Contributor ZURB Foundation

I love this theme! 🦄 Themes with more unique colors like purple are relatively rare, so it's great to see purple represented here. 😃 It's a fun theme, and it's easy to read! 🙌

Ali SpittelAli SpittelTech Director WomenWhoCode

Kudos to the teacher @MrAhmadAwais for making the #VSCODEpro learning a breeze. I am on the 14th chapter and this is getting as exciting as a binge learning. Awais, your hard work is making a student's life easy. You deserve great respect

Raghu VamsiRaghu VamsiSCRUM Master + Front End Dev

I always find him to be an excellent communicator, highly skilled, considerate, and extremely generous. He's a pleasure to collaborate with and he's produced some very impressive public and FREE #OpenSource work for developers to learn and benefit from. In my book, those are some of the best characteristics to have in a person. Awais is highly recommended.

Matt CromwellMatt CromwellSr Director at StellarWP

I've never known someone to create such useful things on a regular basis. Truly impressive sir. I mean it. You just pump stuff out. It's incredible.

Lee PetersonLee PetersonCreative Lead at Rusty Dog Design

I've read over Awais's tutorial a few times and implemented most of it. He's the bee's knees for this kind of stuff. — In ref to the WordPress & Gulp implementation via WPGulp.

Alex ColemanAlex ColemanWeb Designer at LeftSideDesign

This is a gorgeous, high contrast theme that stands out without getting in the way. Especially great for doing developer talks and screencasts and maintained by a supremely dedicated expert in all the VSCode pro tips. The documentation itself is a thing of beauty, too. 5 Stars!

Shawn Swyx WangShawn Swyx WangDev Experience @Netlify | Reactjs

Yes, Awais writes great WordPress tutorials and makes great looking themes and websites, but that's not the only reason I endorse Awais. He is a great community member, he is a core contributor to WordPress and always helpful to other WordPress users. Also, he is a really nice guy, which is important.

Josh PollockJosh PollockLead Dev & Founder CalderaWP

Ahmad has written tutorials for me to publish at Tuts+ on a number of occasions, and I always appreciate his level of expertise both in the subject matter…, and in helping to educate others. I would hire Awais again for… training or consultancy in a heartbeat.

Japheth ThomsonJapheth ThomsonDirector Cloud at Human Made

I know Awais from his contributions to world wide web. His expertise in web & software technologies and his contributions to various open-source projects make it stand out of the crowd. I highly recommend Awais.

Jabran RafiqueJabran RafiqueTech Lead at Rated People

I'm really impressed with how much you are participating in the WordPress community! It's pretty insane. You're probably one of the most engaged people I have seen, ever. 😀

Stanislav KhromovStanislav KhromovDev at Schibsted Media Group

It is extremely rare that you come across highly skilled talent like Awais! We worked together on several occasions over the years and his efficiency is beyond superior.

Emil UzelacEmil UzelacWordPress Quality Control Specialist

Awais regularly contributes to WordPress core for code and UX improvements. He is one of the most passionate developers I have ever met with an insatiable desire to streamline the workflow of the process of everything he works on. He dives in head first to any new challenges and conquers them with his tenacity and intelligence which make Awais an invaluable asset to any project.

Mike AndreasenMike AndreasenWordPress Expert at Codeable

Awais is a very thorough writer and he is extremely knowledgeable of the WordPress industry. He knows exactly what is going on in the WordPress community and his outreach is an addition to any blog. I would recommend him.

Daan TollDaan TollOwner of WPLift

I switch syntax themes so often, but I haven't felt the need to switch since using 🦄 Shades of Purple for the past 6 months, it's my new default 😃 - keep up the good work man!

Adam HollisterAdam HollisterLead Developer at The British & Irish Modern Music Institute

I jumped ship from Cobalt 2 by Wes to 🦄 Shades of Purple theme by Ahmad Awais and I'm not looking back, beautiful shades of purple lighten up my code in a way that no other theme can, great job Awais!

IgnacioaalIgnacioaalRails Hacker

At go6.media we always use Shades of Purple for all our PHP/HTML/JS/CSS and other languages. It's so beautiful and easy to read, we also added some slight tweaks to make it even better and we could not be happier that we found it. Thank you!

WayneWayneDevs at Go6 Media

Awais takes his extension seriously and fixed a bug for me overnight. A fantastic theme that is both attractive but more importantly, effective in bring your attention to the import parts of your code.

Mark PorterMark PorterDev at PorterPeople

I started loving the 🦄 Shades of Purple theme from its name ;) After seeing images of the themes, I saw there was more and to get to know about the 'more', an installation will have to occur which did occur...After installation, I got to find out that the theme is super duper awesome than I thought… Welldone Ahmad Awais

Uche JudeUche JudeSoftware Developer Andela

Just installed 🦄 Shades of Purple and absolutely love it! Thank you for creating it! I love these colors! I also switched from Cobalt2. And just beginning a new job as a React.js dev, with it :-)

Alexandra SpalatoAlexandra SpalatoJavascript & WordPress Developer

I started using SOP during the better release and ever since it has being a perfect choice for me. Love to see my IDE always with the shades of purple splash. It improved my overall workflow. Thanks @AhamadAwais for such work.

Ojo OluwasetemiOjo OluwasetemiJavaScript Dev & Teacher

Have been using 🦄 Shades of Purple theme for the last couple of weeks and in love with it. Its fun writing code with those shades of purple <3

Ajit BohraAjit BohraEngineer & Speaker @lubusIN
Let me help you become a VSCode Power User!
By using this site you agree to the privacy policy and terms.
All trademarks are the property of their respective owners.
Copyright © 2018-Infinity by @MrAhmadAwais.