When comparing Brackets vs Gitpod, the Slant community recommends Brackets for most people. In the question“What are the best IDEs for Node.js?” Brackets is ranked 9th while Gitpod is ranked 16th. The most important reason people chose Brackets is:
Brackets will automatically refresh the browser and load the latest saved version of a file open in the browser. This works with php as well. Editing a css will even highlight the tag that's currently being worked on. However, it only works with Chrome.
Specs
Ranked in these QuestionsQuestion Ranking
Pros
Pro Built-in browser live-updating
Brackets will automatically refresh the browser and load the latest saved version of a file open in the browser. This works with php as well. Editing a css will even highlight the tag that's currently being worked on. However, it only works with Chrome.
Pro Lightweight
Brackets is easy on memory usage and it starts up quickly.
Pro Free, open source and cross-platform
Brackets is entirely free and open source.
Pro Built-in extension manager
The functionality of Brackets can be extended via a simple-to-use extension manager. The extension manager also has a considerable number of extensions and themes.
Pro Can style a tag without switching over to the stylesheet
A feature called "Quick Edit" allows the user to select a tag in (a html file, for example) and edit the associated style without switching over to the css document. It also supports SASS and LESS pre-processors.
Pro Actively developed
Brackets is being actively maintained and developed.
Pro Popup previews
Hovering over colors hex codes or image paths will pop up previews of corresponding colors and images.
Pro Drag and drop support
Brackets supports drag and drop of text, as well as multi / rectangular selection.
Pro Can be hacked by any front-end developer
The editor is built using html, css, and javascript, making it extendable by any front-end developer.
Pro Multi-line (multi-query) editing
You can have your cursor independently on multiple lines and so creating templates and/or editing multiple things at once is really fast and easy.
Pro Vim mode
Vim-style editing is already built in the text editor.
Pro Support for Adobe PSD content
A default extension allows for the extraction of PSD resources, such as images and styles. There's good integration for placing extracted resources into source.
Pro Customizable Workspaces
Gitpod workspaces are very customizable. You can define a workspace with .gitpod.yml
and define your own Dockerfile if you need tools that needs preinstalled automatically.
Pro Open Source to the core
Gitpod is a Web IDE product by TypeFox, which created Theia, a open source IDE framework. They rely on Kubernetes, Docker, Theia, and Let's Encrypt to provide this service - providing a 100% OSS-based SaaS.
Pro Workspaces are created from GitHub URLs
Any GitHub repository can be prepended with https://gitpod.io#
to define a Gitpod workspace. Here's an example of it.
Pro VNC Support
Gitpod has VNC support out of the box, which allows you to test Desktop apps within the cloud.
Pro Pre-authorized Git Client
This is the only GitHub-based Web IDE that pre-authorizes the git client, saving you time to do setup.
Pro GitHub Pull Request Issues Comments are viewable on the IDE
No need to jump tabs when making needed changes for your GitHub Pull Request. Gitpod supports viewing the comments and resolving those through the IDE - so you can resolve comments without ever needing to mark it resolved manually on GitHub.
Pro Automatic Configuration
If your GitHub repositories does not have a manifest to make a stack, Gitpod will attempt to make a stack based on what it understood about your codebase. However, for popular projects, a central repository on GitHub exists to configure a workspace automatically for them without the manifest file to be present.
Pro Language Server Protocol support
LSP is a standard made by Microsoft to create a single common core that can be consumed by a development tool. Theia is based on Visual Studio Code and supports LSP natively.
Cons
Con Still missing some elementary text editor commands
Some gaps have to be filled by plugins, while these features should be built in.
For example:
- Jump to matching brace (bracket / parenthesis);
- Gutter selection of lines;
- Recall previous searches / replacements;
- Autofill of search field with text under caret (text has to be selected);
- Show whitespace / end of lines / indentation guides / right margin;
- Selection to upper / lower case;
and some more.
Con Problematic updater
Though the website says there is an update available, the updater in Brackets may give you an error, resulting in you having to download updates manually.
Con Slow
Con Supports only web languages by default <but>
Brackets is built for web development and that's where it excels at out of the box. Other languages that have a CodeMirror mode can be added as well.
<and language support plugins can be added>
Con Does not create forks automatically for you
If you make a Gitpod workspace based on a GitHub repository you do not own, git push
will fail and you need to query the Git client to make the fork for you.
Con Can be slow on 3G Networks
The crux of this is because of the large bundle.js
that is needed to be transferred, this is a problem within Theia.
Con Packages can't be installed through the CLI
Gitpod doesn't support apt install
s yet due to the container mounting through an NFS. To alleviate this, you need to define a custom stack for your project if you need it.