VISUAL STUDIO CODE TUTORIALS CODE
Its really helpful for working on multi-author projects!ĬodeRunner - this extension allows you to press a play button to run your code directly within VSCode with no terminal interaction needed! Especially helpful for new programmers. GitLens - GitLens shows Git blame annotations and author highlighting within documents.
![visual studio code tutorials visual studio code tutorials](https://pferdewetten-online.net/pictures/visual-studio-code-angular-tutorial.png)
No more having to run the W3C validator on every change! HTMLHint - I use this for live HTML validation directly in my editor. Import Cost - this one is more a "nice to have" rather than a necessary, but it shows the size of the npm packages I am importing in my projects. I love this extension for underlining my mistakes and offering suggestions, even when I'm offline. There are some bugs, especially on Windows machines, but it's so cool that it doesn't even matter!Ĭode Spell Checker - I write a lot of Markdown and page content directly in my text editor, and I definitely have some spelling issues. You can even open up access to your localhost ports across machines and share terminal sessions. It allows developers to Google Doc-style collaborate on the same file on different computers. VS Live Share - this extension is straight up magical, and I truly believe it will change code education and pair programming in the near future. I have a lot of language and framework-specific extensions built-in, which are boring and very dependent on the developer, so I will skip over those in order to discuss some of my favorite all-purpose extensions. in settings.json "圎xec" : "iTerm.app", "" : "zsh", Extensions I cannot explain how helpful this is for live coding and for beginners. I have it further configured so that whenever I pause when writing code, my code is saved automatically without me doing anything. The first thing that I love is autosave, which you can turn on via the file drop-down. This 10-minute introduction to the code editor in Visual Studio shows some of the ways that Visual Studio makes writing, navigating, and understanding Visual Basic code easier.
![visual studio code tutorials visual studio code tutorials](https://raw.githubusercontent.com/zzzprojects/learn-orm/master/tutorials/visual-studio-code/images/command-line-1.png)
It's pretty easy to set up too, which is really nice!Īnother key piece of my setup is my save configuration. I am a long-term FiraCode loyalist (pre-dating VS Code!) I like the ligatures that make my code more readable at a glance. Those criteria being set, my two absolute favorite themes are Fairy Floss and Dracula. I also love to have a theme that I enjoy aesthetically, so usually something with a lot of girly colors.
VISUAL STUDIO CODE TUTORIALS HOW TO
Since I teach people how to code professionally and give a lot of talks on programming, having a readable theme is super important to me.
![visual studio code tutorials visual studio code tutorials](https://code.visualstudio.com/assets/docs/nodejs/vuejs/vue-language-features.png)
I thought I would do a quick write up on my setup and the extensions I love! Theme I love the text editor setup I've been using for the past year and a half, so I want to show off my setup! Visual Studio Code has far surpassed my experiences with Atom, Spyder, Sublime Text, Emacs, and Idle (the built-in Python editor) which I used for the years before it.