A Basic Setup for Web Developer

Hey ! A few time ago I started a new Dev environment in a new computer so I needed to re-install all stuff linked to my dev stuff !

I took this opportunity to create a list of thing to install in order to have a basic and good dev environment from scratch !

(Check at the end of this article a link with every command linux in order to create this env with more stuff)

? Basics

Curl

https://curl.se/

curl is used in command lines or scripts to transfer data ! Very useful tools for every developer !

Vim

https://www.vim.org/

A powerful Text editor when you need to edit or check a file fastly !

Zsh & oh-my-zsh

https://ohmyz.sh/

This is the best terminal ever to my mind ! for using oh-my-zsh you will need to install zsh.

oh-my-zsh will improve a lot of thing and with this you will be able to use a lot of shortcut about git & shell command !

(link to shortcut https://github.com/ohmyzsh/ohmyzsh/wiki/Cheatsheet)

? Dev tools

Git

https://git-scm.com/

Git is a free and open source distributed version control system, if you don't it, close this tab (no keep open but open a new tab :p) and learn git !

Node

https://nodejs.org/en/

For every javascript developper you will need to use NodeJs in a lot of project ! It's use for creating a server in JS !

Npm & Nvm

https://www.npmjs.com/

What is the most heavy thing in the world ? Node module folder of course ! npm will help developper to add a lot of external module very easy !

Nvm is used to handle npm versioning !

Docker

https://www.docker.com/

Docker is very very usefull for every developper in the world ! If you don't know what is this, you should learn how and why it's a famous tools !

? Dev Software

Google Chrome or any other browser

For me I used Google chrome but you are free of using any browser !

Postman

https://www.postman.com/

I LOVE this software, you can so easly make http(s) call for API, create custom API Library, test your api, import any call from curl to Postman call.

VS Code or any other IDE

https://code.visualstudio.com/

I used it for every JS project and I love it ! I used a lot of extension (an incoming article from my VS Code setup and shortcut incoming !)

So from now you are ready to start to learn basic web !

I let my GitHub repository about my own setup on linux with every line to put in your terminal in order to install and setup all thing.

You will find a lot of tools that I have not mentioned in this article since I want to keep the very very basic !

https://github.com/Code-Oz/setup-linux-dev

Print Share Comment Cite Upload Translate

CITATION GOES HERE CITATION GOES HERE

Select a language:

<p>Hey ! A few time ago I started a new Dev environment in a new computer so I needed to re-install all stuff linked to my dev stuff !</p>

<p>I took this opportunity to create a list of thing to install in order to have a basic and good dev environment from scratch !</p>

<p>(Check at the end of this article a link with every command linux in order to create this env with more stuff)</p>

<h2>
  <a href="https://dev.to/codeozz/a-basic-setup-for-web-developer-5hg7#basics">
  </a>
  ? Basics
</h2>

<p><a href="https://curl.se/">https://curl.se/</a></p>

<p>curl is used in command lines or scripts to transfer data ! Very useful tools for every developer !</p>

<p><a href="https://www.vim.org/">https://www.vim.org/</a></p>

<p>A powerful Text editor when you need to edit or check a file fastly !</p>

<p><a href="https://ohmyz.sh/">https://ohmyz.sh/</a></p>

<p>This is the best terminal ever to my mind ! for using oh-my-zsh you will need to install zsh.</p>

<p>oh-my-zsh will improve a lot of thing and with this you will be able to use a lot of shortcut about git & shell command !</p>

<p><em>(link to shortcut <a href="https://github.com/ohmyzsh/ohmyzsh/wiki/Cheatsheet">https://github.com/ohmyzsh/ohmyzsh/wiki/Cheatsheet</a>)</em></p>

<h2>
  <a href="https://dev.to/codeozz/a-basic-setup-for-web-developer-5hg7#dev-tools">
  </a>
  ? Dev tools
</h2>

<p><a href="https://git-scm.com/">https://git-scm.com/</a></p>

<p>Git is a free and open source distributed version control system, if you don't it, close this tab (no keep open but open a new tab :p) and learn git !</p>

<p><a href="https://nodejs.org/en/">https://nodejs.org/en/</a></p>

<p>For every javascript developper you will need to use NodeJs in a lot of project ! It's use for creating a server in JS !</p>

<p><a href="https://www.npmjs.com/">https://www.npmjs.com/</a></p>

<p>What is the most heavy thing in the world ? Node module folder of course ! npm will help developper to add a lot of external module very easy !</p>

<p>Nvm is used to handle npm versioning !</p>

<h3>
  <a href="https://dev.to/codeozz/a-basic-setup-for-web-developer-5hg7#docker">
  </a>
  Docker
</h3>

<p><a href="https://www.docker.com/">https://www.docker.com/</a></p>

<p>Docker is very very usefull for every developper in the world ! If you don't know what is this, you should learn how and why it's a <strong>famous</strong> tools !</p>

<h2>
  <a href="https://dev.to/codeozz/a-basic-setup-for-web-developer-5hg7#dev-software">
  </a>
  ? Dev Software
</h2>

<h3>
  <a href="https://dev.to/codeozz/a-basic-setup-for-web-developer-5hg7#google-chrome-or-any-other-browser">
  </a>
  Google Chrome or any other browser
</h3>

<p>For me I used Google chrome but you are free of using any browser !</p>

<h3>
  <a href="https://dev.to/codeozz/a-basic-setup-for-web-developer-5hg7#postman">
  </a>
  Postman
</h3>

<p><a href="https://www.postman.com/">https://www.postman.com/</a></p>

<p>I <strong>LOVE</strong> this software, you can so easly make http(s) call for API, create custom API Library, test your api, import any call from curl to Postman call.</p>

<h3>
  <a href="https://dev.to/codeozz/a-basic-setup-for-web-developer-5hg7#vs-code-or-any-other-ide">
  </a>
  VS Code or any other IDE
</h3>

<p><a href="https://code.visualstudio.com/">https://code.visualstudio.com/</a></p>

<p>I used it for every JS project and I love it ! I used a lot of extension (an incoming article from my VS Code setup and shortcut incoming !)</p>

<p>So from now you are ready to start to learn basic web !</p>

<p>I let my GitHub repository about my own setup on linux with <strong>every line</strong> to put in your terminal in order to install and setup all thing.</p>

<p>You will find a lot of tools that I have not mentioned in this article since I want to keep the very very basic !</p>

<p><a href="https://github.com/Code-Oz/setup-linux-dev">https://github.com/Code-Oz/setup-linux-dev</a></p>

First name:

Last name: