DEV Community

Cover image for Cross Platform, Cross Language Text Editor - VSCode
Maxime HEBRARD
Maxime HEBRARD

Posted on • Updated on

Cross Platform, Cross Language Text Editor - VSCode

I see more and more youtubers and instructors coding using Visual Studio Code. I was a bit reluctant at first, but after trying it, there is no doubt ! VSCode is the best text editor I encounter to date. Free, cross platform, cross language, terminal integrated, hundreds of extentions that will help your productivity, and hundreds more for cosmetic changes.

Install on Windows

Before reading this post, I suggest you follow Ubuntu on Windows (WSL).

  • Open web browser
  • Visit code
  • Download 'Windows x64' installer
  • Open the installer
  • Follow installation instructions...

Install on MacOS

Before reading this post, I suggest you follow Improved Shell (MacOS).

  • Open 'Terminal'
  • Install VSCode from Homebrew
brew install --cask visual-studio-code
Enter fullscreen mode Exit fullscreen mode
  • Open 'Visual Studio Code'
  • Authorise VSCode to access your folders.
  • Trust the author

trust

Colors

  • Navigate the menu 'Code/Preferences/Color Themes'
  • Search for 'Tomorrow'
  • Click on 'Browse Additional Color Themes...'
  • Select 'Base16 Tomorrow'

Extensions

  • Navigate to 'Extensions'
  • Install 'Material Icon Theme': a set of icons to help identify file extensions
  • Install 'Git Graph': an visual interface to handle branches and commits
  • Install 'Live Server': Launch a development local server with live reload feature for static & dynamic pages
  • Install 'Prettier': opinionated code formatter that enforces a consistent style, tabulations and maximum line length at each save.
  • Install 'Markdownlint': a code formatter that enforce consistent style for markdown files
  • Install 'Python': handy package of python related extentions
  • -for Windows only- Install 'Remote - WSL': Connect VSCode terminal to WSL.

Settings

  • Navigate the menu 'Code/Preferences/Settings'
  • Set 'Editor: Tab Size' to 2
  • Set 'Files: Eol' to \n
  • Set 'Font Family:' to MesloLGS NF

Colors

Top comments (1)

Collapse
 
raknam profile image
Sylvain

In the useful extension, you can add these two: