<blockquote>
<p>Another short list of tools to pick up after <a target="_blank" href="https://developeroverload.com/starting-with-git-or-rebuilding-your-dev-environment-from-scratch">installing and setting up Git</a>. <em>(Mostly a reference point to get started setting up a new machine/recently wiped machine.)</em></p>
</blockquote>
<h3 id="editor">Editor</h3>
<ul>
<li><a target="_blank" href="https://code.visualstudio.com/">VS Code</a></li>
</ul>
<p>Free, tons of customization, built-in Git. My editor of choice for most situations.</p>
<ul>
<li><a target="_blank" href="https://atom.io/">Atom</a></li>
</ul>
<p>Also free, fairly equal to VS Code.</p>
<h3 id="extensions-for-vs-code">Extensions for VS Code</h3>
<p>Extensions make life easier. While others may be added in over time or removed depending on needs, must haves are:</p>
<ul>
<li>Auto Close Tag - Automagically add HTML/XML close tags, saves a lot of time!</li>
<li>Bracket Pair Colorizer - Colorize your brackets to easily match them up</li>
<li>DotENV - Adds support for dotenv file syntax</li>
<li>gitignore - Makes working with .gitignore files easier</li>
<li>Live Server - A MUST: Launch a local development server with live reload, makes life so much easier when designing web apps/pages</li>
<li>Prettier - A code formatter to make your code easier to read</li>
<li>vscode-icons - This isn't necessarily a must have, but it certainly makes navigating files easier.</li>
</ul>
<h3 id="other-tools">Other Tools</h3>
<ul>
<li><a target="_blank" href="https://nodejs.org/en/">Node.js</a> - JavaScript runtime environment. Installing Node will also install <a target="_blank" href="https://www.npmjs.com/get-npm">npm</a>, a package manager for Node.</li>
<li><a target="_blank" href="https://classic.yarnpkg.com/en/">Yarn</a> Another package manager commonly used.</li>
<li><a target="_blank" href="https://codepen.io/">Codepen</a> Maybe not quite a tool, but allows you to create projects on a browser rather quickly. Useful for experimenting or inspiration from others.</li>
</ul>


> Another short list of tools to pick up after [installing and setting up Git](https://developeroverload.com/starting-with-git-or-rebuilding-your-dev-environment-from-scratch). _(Mostly a reference point to get started setting up a new machine/recently wiped machine.)_

### Editor
* [VS Code](https://code.visualstudio.com/)

Free, tons of customization, built-in Git. My editor of choice for most situations.

* [Atom](https://atom.io/)

Also free, fairly equal to VS Code.

### Extensions for VS Code
Extensions make life easier. While others may be added in over time or removed depending on needs, must haves are:
* Auto Close Tag - Automagically add HTML/XML close tags, saves a lot of time!
* Bracket Pair Colorizer - Colorize your brackets to easily match them up
* DotENV - Adds support for dotenv file syntax
* gitignore - Makes working with .gitignore files easier
* Live Server - A MUST: Launch a local development server with live reload, makes life so much easier when designing web apps/pages
* Prettier - A code formatter to make your code easier to read
* vscode-icons - This isn't necessarily a must have, but it certainly makes navigating files easier.

### Other Tools
* [Node.js](https://nodejs.org/en/) - JavaScript runtime environment. Installing Node will also install [npm](https://www.npmjs.com/get-npm), a package manager for Node.
* [Yarn](https://classic.yarnpkg.com/en/) Another package manager commonly used.
* [Codepen](https://codepen.io/) Maybe not quite a tool, but allows you to create projects on a browser rather quickly. Useful for experimenting or inspiration from others.


Basic Dev Tools

Just a guy trying to be a developer, riddled with impostor syndrome and struggles to focus, chronicling my notes, thought processes and more on Developer Overload.
