Text editors

I researched three text editors to see which one works the best for me, I already worked with all three text editors, before the research my two most favorite were PhpStorm and VsCode.

The text editors I researched:

1. Brackets
2. PhpStorm
3. VsCode

Brackets

About Brackets

Brackets is a text editor focussed on front-end development, developed by Adobe. Brackets is free to use and also a open source project on Github.

Features

• With Brackets other users can create pull requests with their own extensions, this creates a big large offer of extensions to install. You can also upload your own extensions.
• Brackets has inline-editors, which opens a new tab where you can only see certain classes and id's you want to edit.
• Brackets has a live preview, the live preview shows all changes directly in the browser, making it perfect for front-end development.

PhpStorm

About PhpStorm

PhpStorm is a text editor focussed on front-end and back-end development. Phpstorm costs 200 euro.

Features

• PhpStorm has all front-end technologies included (HTML 5, CSS, Sass, Less, etc...).
• PhpStorm provides tools and code assistance features for working with databases and SQL.
• PhpStorm has feature where you can connect with ftp, making it look like Filezilla, you can edit these files live.

VsCode

About VsCode

VsCode (Visual studio code) is created by Microsoft, it is free to use. VsCode is a open source project and it understands more than 30 languages.

Features

• VsCode has a great Git integration, making issues visible and easy to resolve.
• VsCode has a terminal build inside the app, which makes it a bit easier to use CLI.
• You can create your own theme in VsCode, you are able to change all colors.
• VsCode has a lot of extensions available, where users can upload their own aswell.
• VsCode has a live preview.

This is why i choose VsCode as the text editor to work with for this project.

My text editor

I changed to theme to 'Atom one dark', this theme has some more colors than the default theme, this way I can read the code a bit easier. Also the colors are a bit darker, which makes it great to use in the late hours.

Beautify

I added Beautify to my VsCode, Beautify is a extension that styles your code, making it better readable. Beautify supports HTML, CSS, JS, JSON and SASS.

Source

• Brackets
• Jetbrains
• Visual studio code