DEV Community

Cover image for LESSON 0:WEB DEV CODING- where to start(Code Editor)
Clara Situma
Clara Situma

Posted on

LESSON 0:WEB DEV CODING- where to start(Code Editor)

What you need (to Download)

1. A code Editor

-A software that is designed specifically to help developers with coding. These are text editors with additional functionalities to manage and edit code.
-Like a Canvas to a painter, Photoshop/Illustrator to a Graphic designer.

  • visual studio code

This is the most common code editor on the market, so I'd recommend this. Download here according to your type of OS i.e-Windows

-After Downloading Visual Studio Code, and Setting it up...open it and lets do some further Config. Let's look at Extensions...

  • extensions

-Think of Extensions as a feature that let you add languages, debuggers, and tools that support your development workflow.

code_editor_extension_example_clara_situma

Search for an Icon that looks like Tetris on your Visual Studio Code, that's your Extensions tab!

Search for the following extensions and press install.

-_ Settings Sync_ ( allows you to sync pretty much everything you customize on VSCode to Github- Github is a provider of version control using Git/Think of it as a platform where you can store your source code remotely)

  • IntelliSense-(Auto completes code for you)

  • Live Server-(will enable you to Launch a development local Server by a single click and watch live changes with some extra functionality.)

-Remote-SSH-( This makes it much easier to develop and/or troubleshoot in a wide variety of scenarios.)

  • Prettier-(code formatter)

  • Bracket Pair Colorizer-(gives the opening and closing brackets matching colors, making it much easier to know which brackets belong together.)

  • Auto Rename Tag-(automatically renames tags that you change.)

-_ GitLens_-( allows you to see who, why, and how lines of code have changed over time)

  • Git History-(Another Git extension. Allows you to compare branches, commits, and files across commits.)

To understand Further what each extension does read this article

_Up-to this point, Don't think too much about anything, Install the extensions, They will start to make better sense once you begin development

You are now Set to begin practicing on your PC, I'd suggest to start a class at freecodecamp or codecademy.

Good luck!!!

Top comments (1)

Collapse
 
esthersit profile image
ESTHER SITUMA

SUPER HELPFUL