2024-02-04T05:23:10.326Z
nova-2
2-general-nova
2024-01-09.29447
30089e05-99d1-4376-b32e-c263170674af
9912620e-661d-4c9a-9f2b-554ec64e11e8
79132d24a20ab102fa9fb4d6a1f79b8d94b634e960145d45ddfd49ccbf879bbd
67875a7f-c9c4-48a0-aa55-5bdb8a91c34a
deprecated
At exactly 3:45 PM on September 9, 1947, Grace Hopper discovered the first official computer bug, a real life moth that found its way onto the number 70 relay of the Harvard Mark 2 Aiken Relay calculator.
Today, computer programmers create their own bugs, but that wouldn't be possible without the help of a modern code editor.
I want to find out which code editor is best in the 20 twenties.
So I tried to write a basic program with 10 different text editors and IDEs.
We'll look at everything from basic command line editors to the most advanced Cloud based integrated development environments.
We'll talk about the pros and cons of each option and look at how these tools have evolved over the last 50 years.
Think about this.
Things like undo, find and replace, cut copy and paste are all common place, but back in the 19 sixties, they were revolutionary new features made possible by the computer screen and visual terminal.
Eventually, they would replace punch cards where one wrong key stroke meant you had to start over from scratch.
The first editor we'll look at is v I, which was written by Bill Joy and released in 1976.
It's still a standard tool on most Linux Distrust to this day.
So to use it, all you have to do is type v I into the terminal.
What's most interesting is that it's a keyboard based editor.
The mouse doesn't do anything useful.
That's because the mouse didn't go mainstream until the Apple Macintosh came out in 1984.
January 24th, Apple Computer will introduce Macintosh.
And you'll see why 1984 won't be like 1984.
But do you really need a mouse to code efficiently?
In the eye, if you start typing, nothing will bin initially.
That's because to write some text, you'll need to enter insert mode by hitting the I key.
Vi is a modal editor, which means the keys on your keyboard do different things based on the mode you're currently the end.
In insert mode, we can add some actual code to the document, then hit escape to go back to command mode and use the right quick command to save the file to the disk.
When you get used to it, without needing to highlight the entire thing with my mouse.
The hard part is memorizing all the tricks to get things done efficiently.
VI is nice and simple, but there are a lot of features missing like syntax highlighting or the ability to implement plugins to extend its functionality.
Around the same time period, another editor was being by Guy Steele at MIT called emacs, which stands for editor macros.
Like BI, it's primarily a keyboard board based editor, but it's highly extensible and integrates additional features like debuggers, a file manager, terminal emulator, music player, and anything else you can imagine.
It's not just a text editor, but a full blown integrated development environment.
That means it can do a lot more, but it takes a lot more time to configure on your part.
Initially, eMax feels a little more user something like VI.
We can pull up a menu that allows us to navigate the different commands and it's a non modal editor, which means we don't have to understand what a bunch of different modes due before using it.
However, you will need to use a bunch of modifier keys when typing, which could result in a gruesome injury known as emax pinky.
At the same time, it's far from simple and has over 10,000 built in commands that can be used to create macros that customize the experience and automate work.
Now, due to the philosophical differences between EMAX and VI and the tribal nature of developers, 2 distinct factions have emerged, the cult of VI and the Church of EMAX, founded by high priest Richard Stallman.
They've been waging war for decades now, and people take it very seriously.
When you go to Google to search for v I, it auto corrects to e max.
Or if you search for e max, it autocorrects to VI.
In modern times though, VI based editors are much more popular, and that brings us to editor number 3, Vim or VR vi improved.
On the surface, Vim feels almost identical to vi because it's a superset of its core functionality.
However, it's much more popular with developers using it as their daily the editor because it provides a ton of other essential features like syntax highlighting, multi level undo, and plugins to customize and extend its functionality.
Knee.
It's more developer friendly and you can enter the Vimtutor command to learn the basics right now.
It's kind of annoying at first, but once you have the basics down, you'll find that it keeps your fingers on the home row of the keyboard, which will gradually improve your coding speed with a lot of practice.
But it also does things like code completion in a regular IDE, so it's not just all about typing faster.
As you start to learn it, you'll see a lot of people make jokes about not being able to get out of Vim.
Like developers in the sixties were writing their own compilers, but developers today can't even exit Vim without a soy latte and Stack Overflow.
I don't wanna beat off a dead horse here, so I'm not going to make one of those jokes in this video.
Vim was created in 1991, making it older than many viewers on this channel, but not everybody's been happy with its evolution.
NIM.
And that brings us to a popular fork called Neovim that came out in 2015.
First of all, it's faster than Vim, which is always a plus, but one of the ways you customize Vim is with scripting language called Vimscript.
The problem is that Vimscript sucks.
According to this one guy on Hacker News, Neovim has addressed this problem mama by embedding Lua as its scripting language, an extremely fast and proven language that's also used by platforms like Roblox.
That's cool and all, but what if you don't not to spend years mastering the art of Vim.
Another good option is Nano, which is part of the GNU project and came out in 1999.
It's also a keyboard based editor that you can launch from the command line, end line.
And unlike Vim, it doesn't require modes and has a far more gentle learning curve.
When you open it, you'll notice all the important key bindings are right here at the bottom.
Most importantly, it tells you control x is how you exit, so you don't have to unplug your computer like you would with Vim.
It lacks the features you would need to use it as a full blown IDE, but it's still a great option available on most machines to quickly edit a file from the terminal.
At this point, we've looked at editors that mostly rely on a text user interface, but the majority of developers today use editors that have a graphical user interface.
One of the earliest programs was Notepad on Windows, which came out in 1983.
In fact, the program itself was designed to commercialize the mouse for MS DOS.
A more modern version for programmers is notepad plus plus Instead end of using the keyboard to place the cursor where you wanna edit, you simply click there with the mouse.
Or if you want to highlight, you click, hold, and drag.
Sounds obvious, but in the early eighties, this was a feature that felt like going into the metaverse today.
Notepad plus plus is not developed by Microsoft, but it does feel very much like you're using Microsoft Excel for writing code.
Node.
It supports macros and plugins, so you could definitely use it as your primary development environment.
Next up, we've got a proprietary IDE that's very near and dear to my heart, Adobe Dreamweaver.
I haven't used it in years, but it's the tool that got me started in web development.
It used to be extremely popular, but not so much anymore.
Today, it's actually a new beautiful tool and looks really nice while you're editing code, but at the same time feels overly slow and complex, like pretty much all Adobe software.
It's also pretty antiquated with first class support for more jQuery and Bootstrap.
That's pretty sad for a commercial product, and if you're paying to use Dreamweaver in 2022 Stop it.
Get some help.
McDonald's wants you to give yourself a chance.
There are far superior free options in the modern world.
You've got tools like Sublime Text, Brackets, NITS Atom, which was killed recently.
But the most popular lightweight editor by far is Visual Studio Code.
It has a graphical user interface, making it very approachable for beginners, but also has a ton of built in shortcuts that allow you to do things quickly, kind of like text based editors.
I actually have a full course on Fireship IO that breaks down all my favorite techniques for increasing productivity with Versus Code.
You can support my work by enrolling in that course or upgrading to a pro membership.
Young people
neck that it's popular and has a huge extension ecosystem.
That means if you're using some kind of tooling that can benefit from additional support like Tailwind for example, you're pretty much guaranteed to have a Versus Code extension, which may not be the case on other editors.
The application itself is open source and built with Electron, which is based on web technologies, making it easy to extend for web developers.
Although, it does have a reputation of being a memory hog.
The editing experience can be very minimal if you'd like and I usually go into Zen mode when writing code myself, but at the same time, you can make it a full blown integrated development environment.
It can edit files remotely on GitHub, connect to your resources in the cloud, work with Docker containers, and so on.
That's great and all, but for many platforms, b s code may not be the optimal choice.
If you're building iOS apps, you'll likely wanna use Apple's integrated development environment Xcode, or for Android apps, Google's Android Studio.
Or, as we'll look at now, Visual Studio for Microsoft's dot net framework.
This is a true integrated development environment, which is a comprehensive set of tools for developing certain types of apps.
Like in this case, desktop, web, and server side apps with dot net.
It provides powerful code completion, refactoring, and debugging tools for its core nooges, like c plus plus and c sharp.
It may feel overwhelming at first because there's all kinds of tools and wizards that you're not going to know how to use until your balls deep in a project.
When you get that deep, you'll be really glad to have tools like that because otherwise, you'll likely be dealing with some half assed open source extension if you're lucky.
The bottom line is that IDE's can be awesome when you're committed to a specific new platform.
And that brings us to number 10, JetBrains, a family of editors and IDE's that many consider the gold standard for writing code at a professional level.
It's most well known for IntelliJ for Java development, but in this video, we'll look at WebStorm for web development.
Although I use Versus Code today, I've been a happy JetBrains customer in the past, but that happiness comes at a cost of about $69 per year.
You can evaluate it with a free trial, and when you first open up WebStorm, you'll notice things deal more like a true IDE, as opposed to a minimal text editor.
It has a wizard to guide you through the setup of a new project, although this does feel pretty outdated with options like Meteor, Cordova, an AngularJS version 1, which was retired a few months ago.
If you're still using AngularJS version 1
You're only cheating yourself out of the chance to find out who you really can
bee.
Once you're in the project, you should have pretty much everything you need to hit the ground running.
There's less of a need to install a bunch of plugins.
One thing I really appreciate about WebStorm the is its code refactoring.
For example, in a React app, we can click on a UI element and easily extract it into its own named component.
We can also do that in Versus Code extensions, but it just feels way more reliable in WebStorm.
In WebStorm, most of the features feel a little more polished and reliable, which is what you would expect from a paid product.
What's also interesting is that JetBrains is coming out with a new editor called Fleet, which will be more like a competitor to Versus Code.
Currently, it's on a close preview, so I haven't been able Try It, but make sure you're subscribed because as soon as it comes out, I'll drop a video.
We just looked at 10 different ways to edit code on your machine, but I wanna finish up by saying that we're brain and age where code editors may become entirely cloud based.
Like, you can run Versus Code in your browser right now by going to v s code dot dev, then you've got GitHub Codespaces instances where you can edit your code on overpowered cloud hardware, then you've got tools like Stackblitz that use web assembly to run full stack web applications in the browser.
Nurf.
The future looks interesting, but the most important takeaway from this video is Don't do drugs.
Thanks for watching, and I will see you in the next one.

Speaker 0: At exactly 3:45 PM on September 9, 1947, Grace Hopper discovered the first official computer bug, a real life moth that found its way onto the number 70 relay of the Harvard Mark 2 Aiken Relay calculator. Today, computer programmers create their own bugs, but that wouldn't be possible without the help of a modern code editor. I want to find out which code editor is best in the 20 twenties. So I tried to write a basic program with 10 different text editors and IDEs. We'll look at everything from basic command line editors to the most advanced Cloud based integrated development environments.

We'll talk about the pros and cons of each option and look at how these tools have evolved over the last 50 years.

Speaker 1: Think about this.

Speaker 0: Things like undo, find and replace, cut copy and paste are all common place, but back in the 19 sixties, they were revolutionary new features made possible by the computer screen and visual terminal. Eventually, they would replace punch cards where one wrong key stroke meant you had to start over from scratch. The first editor we'll look at is v I, which was written by Bill Joy and released in 1976. It's still a standard tool on most Linux Distrust to this day. So to use it, all you have to do is type v I into the terminal.

What's most interesting is that it's a keyboard based editor. The mouse doesn't do anything useful. That's because the mouse didn't go mainstream until the Apple Macintosh came out in 1984.

Speaker 2: January 24th, Apple Computer will introduce Macintosh. And you'll see why 1984 won't be like 1984.

Speaker 0: But do you really need a mouse to code efficiently? In the eye, if you start typing, nothing will bin initially. That's because to write some text, you'll need to enter insert mode by hitting the I key. Vi is a modal editor, which means the keys on your keyboard do different things based on the mode you're currently the end. In insert mode, we can add some actual code to the document, then hit escape to go back to command mode and use the right quick command to save the file to the disk.

When you get used to it, without needing to highlight the entire thing with my mouse. The hard part is memorizing all the tricks to get things done efficiently. VI is nice and simple, but there are a lot of features missing like syntax highlighting or the ability to implement plugins to extend its functionality. Around the same time period, another editor was being by Guy Steele at MIT called emacs, which stands for editor macros. Like BI, it's primarily a keyboard board based editor, but it's highly extensible and integrates additional features like debuggers, a file manager, terminal emulator, music player, and anything else you can imagine.

It's not just a text editor, but a full blown integrated development environment. That means it can do a lot more, but it takes a lot more time to configure on your part. Initially, eMax feels a little more user something like VI. We can pull up a menu that allows us to navigate the different commands and it's a non modal editor, which means we don't have to understand what a bunch of different modes due before using it. However, you will need to use a bunch of modifier keys when typing, which could result in a gruesome injury known as emax pinky.

At the same time, it's far from simple and has over 10,000 built in commands that can be used to create macros that customize the experience and automate work. Now, due to the philosophical differences between EMAX and VI and the tribal nature of developers, 2 distinct factions have emerged, the cult of VI and the Church of EMAX, founded by high priest Richard Stallman. They've been waging war for decades now, and people take it very seriously. When you go to Google to search for v I, it auto corrects to e max. Or if you search for e max, it autocorrects to VI.

In modern times though, VI based editors are much more popular, and that brings us to editor number 3, Vim or VR vi improved. On the surface, Vim feels almost identical to vi because it's a superset of its core functionality. However, it's much more popular with developers using it as their daily the editor because it provides a ton of other essential features like syntax highlighting, multi level undo, and plugins to customize and extend its functionality. Knee. It's more developer friendly and you can enter the Vimtutor command to learn the basics right now.

It's kind of annoying at first, but once you have the basics down, you'll find that it keeps your fingers on the home row of the keyboard, which will gradually improve your coding speed with a lot of practice. But it also does things like code completion in a regular IDE, so it's not just all about typing faster. As you start to learn it, you'll see a lot of people make jokes about not being able to get out of Vim. Like developers in the sixties were writing their own compilers, but developers today can't even exit Vim without a soy latte and Stack Overflow. I don't wanna beat off a dead horse here, so I'm not going to make one of those jokes in this video.

Vim was created in 1991, making it older than many viewers on this channel, but not everybody's been happy with its evolution. NIM. And that brings us to a popular fork called Neovim that came out in 2015. First of all, it's faster than Vim, which is always a plus, but one of the ways you customize Vim is with scripting language called Vimscript. The problem is that Vimscript sucks.

According to this one guy on Hacker News, Neovim has addressed this problem mama by embedding Lua as its scripting language, an extremely fast and proven language that's also used by platforms like Roblox. That's cool and all, but what if you don't not to spend years mastering the art of Vim. Another good option is Nano, which is part of the GNU project and came out in 1999. It's also a keyboard based editor that you can launch from the command line, end line. And unlike Vim, it doesn't require modes and has a far more gentle learning curve.

When you open it, you'll notice all the important key bindings are right here at the bottom. Most importantly, it tells you control x is how you exit, so you don't have to unplug your computer like you would with Vim. It lacks the features you would need to use it as a full blown IDE, but it's still a great option available on most machines to quickly edit a file from the terminal. At this point, we've looked at editors that mostly rely on a text user interface, but the majority of developers today use editors that have a graphical user interface. One of the earliest programs was Notepad on Windows, which came out in 1983.

In fact, the program itself was designed to commercialize the mouse for MS DOS. A more modern version for programmers is notepad plus plus Instead end of using the keyboard to place the cursor where you wanna edit, you simply click there with the mouse. Or if you want to highlight, you click, hold, and drag. Sounds obvious, but in the early eighties, this was a feature that felt like going into the metaverse today. Notepad plus plus is not developed by Microsoft, but it does feel very much like you're using Microsoft Excel for writing code.

Node. It supports macros and plugins, so you could definitely use it as your primary development environment. Next up, we've got a proprietary IDE that's very near and dear to my heart, Adobe Dreamweaver. I haven't used it in years, but it's the tool that got me started in web development. It used to be extremely popular, but not so much anymore.

Today, it's actually a new beautiful tool and looks really nice while you're editing code, but at the same time feels overly slow and complex, like pretty much all Adobe software. It's also pretty antiquated with first class support for more jQuery and Bootstrap. That's pretty sad for a commercial product, and if you're paying to use Dreamweaver in 2022 Stop it.

Speaker 1: Get some help. McDonald's wants you to give yourself a chance.

Speaker 0: There are far superior free options in the modern world. You've got tools like Sublime Text, Brackets, NITS Atom, which was killed recently. But the most popular lightweight editor by far is Visual Studio Code. It has a graphical user interface, making it very approachable for beginners, but also has a ton of built in shortcuts that allow you to do things quickly, kind of like text based editors. I actually have a full course on Fireship IO that breaks down all my favorite techniques for increasing productivity with Versus Code.

You can support my work by enrolling in that course or upgrading to a pro membership.

Speaker 2: Young people

Speaker 0: neck that it's popular and has a huge extension ecosystem. That means if you're using some kind of tooling that can benefit from additional support like Tailwind for example, you're pretty much guaranteed to have a Versus Code extension, which may not be the case on other editors. The application itself is open source and built with Electron, which is based on web technologies, making it easy to extend for web developers. Although, it does have a reputation of being a memory hog. The editing experience can be very minimal if you'd like and I usually go into Zen mode when writing code myself, but at the same time, you can make it a full blown integrated development environment.

It can edit files remotely on GitHub, connect to your resources in the cloud, work with Docker containers, and so on. That's great and all, but for many platforms, b s code may not be the optimal choice. If you're building iOS apps, you'll likely wanna use Apple's integrated development environment Xcode, or for Android apps, Google's Android Studio. Or, as we'll look at now, Visual Studio for Microsoft's dot net framework. This is a true integrated development environment, which is a comprehensive set of tools for developing certain types of apps.

Like in this case, desktop, web, and server side apps with dot net. It provides powerful code completion, refactoring, and debugging tools for its core nooges, like c plus plus and c sharp. It may feel overwhelming at first because there's all kinds of tools and wizards that you're not going to know how to use until your balls deep in a project. When you get that deep, you'll be really glad to have tools like that because otherwise, you'll likely be dealing with some half assed open source extension if you're lucky. The bottom line is that IDE's can be awesome when you're committed to a specific new platform.

And that brings us to number 10, JetBrains, a family of editors and IDE's that many consider the gold standard for writing code at a professional level. It's most well known for IntelliJ for Java development, but in this video, we'll look at WebStorm for web development. Although I use Versus Code today, I've been a happy JetBrains customer in the past, but that happiness comes at a cost of about $69 per year. You can evaluate it with a free trial, and when you first open up WebStorm, you'll notice things deal more like a true IDE, as opposed to a minimal text editor. It has a wizard to guide you through the setup of a new project, although this does feel pretty outdated with options like Meteor, Cordova, an AngularJS version 1, which was retired a few months ago.

If you're still using AngularJS version 1

Speaker 1: You're only cheating yourself out of the chance to find out who you really can

Speaker 0: bee. Once you're in the project, you should have pretty much everything you need to hit the ground running. There's less of a need to install a bunch of plugins. One thing I really appreciate about WebStorm the is its code refactoring. For example, in a React app, we can click on a UI element and easily extract it into its own named component.

We can also do that in Versus Code extensions, but it just feels way more reliable in WebStorm. In WebStorm, most of the features feel a little more polished and reliable, which is what you would expect from a paid product. What's also interesting is that JetBrains is coming out with a new editor called Fleet, which will be more like a competitor to Versus Code. Currently, it's on a close preview, so I haven't been able Try It, but make sure you're subscribed because as soon as it comes out, I'll drop a video. We just looked at 10 different ways to edit code on your machine, but I wanna finish up by saying that we're brain and age where code editors may become entirely cloud based.

Like, you can run Versus Code in your browser right now by going to v s code dot dev, then you've got GitHub Codespaces instances where you can edit your code on overpowered cloud hardware, then you've got tools like Stackblitz that use web assembly to run full stack web applications in the browser. Nurf. The future looks interesting, but the most important takeaway from this video is Don't do drugs. Thanks for watching, and I will see you in the next one.
At exactly 3:45 PM on September 9, 1947, Grace Hopper discovered the first official computer bug, a real life moth that found its way onto the number 70 relay of the Harvard Mark 2 Aiken Relay calculator. Today, computer programmers create their own bugs, but that wouldn't be possible without the help of a modern code editor. I want to find out which code editor is best in the 20 twenties. So I tried to write a basic program with 10 different text editors and IDEs. We'll look at everything from basic command line editors to the most advanced Cloud based integrated development environments. We'll talk about the pros and cons of each option and look at how these tools have evolved over the last 50 years. Think about this. Things like undo, find and replace, cut copy and paste are all common place, but back in the 19 sixties, they were revolutionary new features made possible by the computer screen and visual terminal.
software development
bugs
software
technology
microsoft
programming
computer science
Eventually, they would replace punch cards where one wrong key stroke meant you had to start over from scratch. The first editor we'll look at is v I, which was written by Bill Joy and released in 1976.
It's still a standard tool on most Linux Distrust to this day. So to use it, all you have to do is type v I into the terminal. What's most interesting is that it's a keyboard based editor. The mouse doesn't do anything useful. That's because the mouse didn't go mainstream until the Apple Macintosh came out in 1984. January 24th, Apple Computer will introduce Macintosh. And you'll see why 1984 won't be like 1984. But do you really need a mouse to code efficiently? In the eye, if you start typing, nothing will bin initially. That's because to write some text, you'll need to enter insert mode by hitting the I key.
apple
computer science
Vi is a modal editor, which means the keys on your keyboard do different things based on the mode you're currently the end. In insert mode, we can add some actual code to the document, then hit escape to go back to command mode and use the right quick command to save the file to the disk. When you get used to it, without needing to highlight the entire thing with my mouse. The hard part is memorizing all the tricks to get things done efficiently.
VI is nice and simple, but there are a lot of features missing like syntax highlighting or the ability to implement plugins to extend its functionality. Around the same time period, another editor was being by Guy Steele at MIT called emacs, which stands for editor macros. Like BI, it's primarily a keyboard board based editor, but it's highly extensible and integrates additional features like debuggers, a file manager, terminal emulator, music player, and anything else you can imagine. It's not just a text editor, but a full blown integrated development environment. That means it can do a lot more, but it takes a lot more time to configure on your part. Initially, eMax feels a little more user something like VI. We can pull up a menu that allows us to navigate the different commands and it's a non modal editor, which means we don't have to understand what a bunch of different modes due before using it.
software development
software
However, you will need to use a bunch of modifier keys when typing, which could result in a gruesome injury known as emax pinky. At the same time, it's far from simple and has over 10,000 built in commands that can be used to create macros that customize the experience and automate work.
Now, due to the philosophical differences between EMAX and VI and the tribal nature of developers, 2 distinct factions have emerged, the cult of VI and the Church of EMAX, founded by high priest Richard Stallman. They've been waging war for decades now, and people take it very seriously. When you go to Google to search for v I, it auto corrects to e max.
religion
Or if you search for e max, it autocorrects to VI. In modern times though, VI based editors are much more popular, and that brings us to editor number 3, Vim or VR vi improved. On the surface, Vim feels almost identical to vi because it's a superset of its core functionality. However, it's much more popular with developers using it as their daily the editor because it provides a ton of other essential features like syntax highlighting, multi level undo, and plugins to customize and extend its functionality. Knee. It's more developer friendly and you can enter the Vimtutor command to learn the basics right now. It's kind of annoying at first, but once you have the basics down, you'll find that it keeps your fingers on the home row of the keyboard, which will gradually improve your coding speed with a lot of practice.
But it also does things like code completion in a regular IDE, so it's not just all about typing faster. As you start to learn it, you'll see a lot of people make jokes about not being able to get out of Vim. Like developers in the sixties were writing their own compilers, but developers today can't even exit Vim without a soy latte and Stack Overflow. I don't wanna beat off a dead horse here, so I'm not going to make one of those jokes in this video. Vim was created in 1991, making it older than many viewers on this channel, but not everybody's been happy with its evolution.
software development
video gaming
software
NIM. And that brings us to a popular fork called Neovim that came out in 2015. First of all, it's faster than Vim, which is always a plus, but one of the ways you customize Vim is with scripting language called Vimscript. The problem is that Vimscript sucks. According to this one guy on Hacker News, Neovim has addressed this problem mama by embedding Lua as its scripting language, an extremely fast and proven language that's also used by platforms like Roblox. That's cool and all, but what if you don't not to spend years mastering the art of Vim. Another good option is Nano, which is part of the GNU project and came out in 1999. It's also a keyboard based editor that you can launch from the command line, end line. And unlike Vim, it doesn't require modes and has a far more gentle learning curve. When you open it, you'll notice all the important key bindings are right here at the bottom. Most importantly, it tells you control x is how you exit, so you don't have to unplug your computer like you would with Vim.
It lacks the features you would need to use it as a full blown IDE, but it's still a great option available on most machines to quickly edit a file from the terminal. At this point, we've looked at editors that mostly rely on a text user interface, but the majority of developers today use editors that have a graphical user interface. One of the earliest programs was Notepad on Windows, which came out in 1983. In fact, the program itself was designed to commercialize the mouse for MS DOS. A more modern version for programmers is notepad plus plus Instead end of using the keyboard to place the cursor where you wanna edit, you simply click there with the mouse. Or if you want to highlight, you click, hold, and drag. Sounds obvious, but in the early eighties, this was a feature that felt like going into the metaverse today.
software
microsoft
software development
computer science
multimedia
Notepad plus plus is not developed by Microsoft, but it does feel very much like you're using Microsoft Excel for writing code. Node. It supports macros and plugins, so you could definitely use it as your primary development environment.
Next up, we've got a proprietary IDE that's very near and dear to my heart, Adobe Dreamweaver. I haven't used it in years, but it's the tool that got me started in web development. It used to be extremely popular, but not so much anymore. Today, it's actually a new beautiful tool and looks really nice while you're editing code, but at the same time feels overly slow and complex, like pretty much all Adobe software. It's also pretty antiquated with first class support for more jQuery and Bootstrap.
software development
software
graphic design
That's pretty sad for a commercial product, and if you're paying to use Dreamweaver in 2022 Stop it. Get some help. McDonald's wants you to give yourself a chance. There are far superior free options in the modern world. You've got tools like Sublime Text, Brackets, NITS Atom, which was killed recently.
But the most popular lightweight editor by far is Visual Studio Code. It has a graphical user interface, making it very approachable for beginners, but also has a ton of built in shortcuts that allow you to do things quickly, kind of like text based editors. I actually have a full course on Fireship IO that breaks down all my favorite techniques for increasing productivity with Versus Code. You can support my work by enrolling in that course or upgrading to a pro membership. Young people neck that it's popular and has a huge extension ecosystem.
software
blogging
computer science
software development
management
That means if you're using some kind of tooling that can benefit from additional support like Tailwind for example, you're pretty much guaranteed to have a Versus Code extension, which may not be the case on other editors.
The application itself is open source and built with Electron, which is based on web technologies, making it easy to extend for web developers. Although, it does have a reputation of being a memory hog. The editing experience can be very minimal if you'd like and I usually go into Zen mode when writing code myself, but at the same time, you can make it a full blown integrated development environment.
software development
It can edit files remotely on GitHub, connect to your resources in the cloud, work with Docker containers, and so on. That's great and all, but for many platforms, b s code may not be the optimal choice. If you're building iOS apps, you'll likely wanna use Apple's integrated development environment Xcode, or for Android apps, Google's Android Studio. Or, as we'll look at now, Visual Studio for Microsoft's dot net framework. This is a true integrated development environment, which is a comprehensive set of tools for developing certain types of apps. Like in this case, desktop, web, and server side apps with dot net. It provides powerful code completion, refactoring, and debugging tools for its core nooges, like c plus plus and c sharp. It may feel overwhelming at first because there's all kinds of tools and wizards that you're not going to know how to use until your balls deep in a project. When you get that deep, you'll be really glad to have tools like that because otherwise, you'll likely be dealing with some half assed open source extension if you're lucky. The bottom line is that IDE's can be awesome when you're committed to a specific new platform. And that brings us to number 10, JetBrains, a family of editors and IDE's that many consider the gold standard for writing code at a professional level. It's most well known for IntelliJ for Java development, but in this video, we'll look at WebStorm for web development.
software development
software
programming
architecture
apple
infrastructure
Although I use Versus Code today, I've been a happy JetBrains customer in the past, but that happiness comes at a cost of about $69 per year.
You can evaluate it with a free trial, and when you first open up WebStorm, you'll notice things deal more like a true IDE, as opposed to a minimal text editor. It has a wizard to guide you through the setup of a new project, although this does feel pretty outdated with options like Meteor, Cordova, an AngularJS version 1, which was retired a few months ago.
software
software development
If you're still using AngularJS version 1 You're only cheating yourself out of the chance to find out who you really can bee. Once you're in the project, you should have pretty much everything you need to hit the ground running. There's less of a need to install a bunch of plugins. One thing I really appreciate about WebStorm the is its code refactoring. For example, in a React app, we can click on a UI element and easily extract it into its own named component. We can also do that in Versus Code extensions, but it just feels way more reliable in WebStorm. In WebStorm, most of the features feel a little more polished and reliable, which is what you would expect from a paid product. What's also interesting is that JetBrains is coming out with a new editor called Fleet, which will be more like a competitor to Versus Code.
Currently, it's on a close preview, so I haven't been able Try It, but make sure you're subscribed because as soon as it comes out, I'll drop a video. We just looked at 10 different ways to edit code on your machine, but I wanna finish up by saying that we're brain and age where code editors may become entirely cloud based. Like, you can run Versus Code in your browser right now by going to v s code dot dev, then you've got GitHub Codespaces instances where you can edit your code on overpowered cloud hardware, then you've got tools like Stackblitz that use web assembly to run full stack web applications in the browser. Nurf. The future looks interesting, but the most important takeaway from this video is Don't do drugs. Thanks for watching, and I will see you in the next one.
software
video gaming
software development
recreational drugs
multimedia
drugs
At exactly 3:45 PM on September 9, 1947, Grace Hopper discovered the first official computer bug, a real life moth that found its way onto the number 70 relay of the Harvard Mark 2 Aiken Relay calculator. Today, computer programmers create their own bugs, but that wouldn't be possible without the help of a modern code editor. I want to find out which code editor is best in the 20 twenties. So I tried to write a basic program with 10 different text editors and IDEs. We'll look at everything from basic command line editors to the most advanced Cloud based integrated development environments. We'll talk about the pros and cons of each option and look at how these tools have evolved over the last 50 years. Think about this. Things like undo, find and replace, cut copy and paste are all common place, but back in the 19 sixties, they were revolutionary new features made possible by the computer screen and visual terminal. Eventually, they would replace punch cards where one wrong key stroke meant you had to start over from scratch. The first editor we'll look at is v I, which was written by Bill Joy and released in 1976. It's still a standard tool on most Linux Distrust to this day. So to use it, all you have to do is type v I into the terminal. What's most interesting is that it's a keyboard based editor. The mouse doesn't do anything useful. That's because the mouse didn't go mainstream until the Apple Macintosh came out in 1984. January 24th, Apple Computer will introduce Macintosh. And you'll see why 1984 won't be like 1984. But do you really need a mouse to code efficiently? In the eye, if you start typing, nothing will bin initially. That's because to write some text, you'll need to enter insert mode by hitting the I key. Vi is a modal editor, which means the keys on your keyboard do different things based on the mode you're currently the end. In insert mode, we can add some actual code to the document, then hit escape to go back to command mode and use the right quick command to save the file to the disk. When you get used to it, without needing to highlight the entire thing with my mouse. The hard part is memorizing all the tricks to get things done efficiently. VI is nice and simple, but there are a lot of features missing like syntax highlighting or the ability to implement plugins to extend its functionality. Around the same time period, another editor was being by Guy Steele at MIT called emacs, which stands for editor macros. Like BI, it's primarily a keyboard board based editor, but it's highly extensible and integrates additional features like debuggers, a file manager, terminal emulator, music player, and anything else you can imagine. It's not just a text editor, but a full blown integrated development environment. That means it can do a lot more, but it takes a lot more time to configure on your part. Initially, eMax feels a little more user something like VI. We can pull up a menu that allows us to navigate the different commands and it's a non modal editor, which means we don't have to understand what a bunch of different modes due before using it. However, you will need to use a bunch of modifier keys when typing, which could result in a gruesome injury known as emax pinky. At the same time, it's far from simple and has over 10,000 built in commands that can be used to create macros that customize the experience and automate work. Now, due to the philosophical differences between EMAX and VI and the tribal nature of developers, 2 distinct factions have emerged, the cult of VI and the Church of EMAX, founded by high priest Richard Stallman. They've been waging war for decades now, and people take it very seriously. When you go to Google to search for v I, it auto corrects to e max. Or if you search for e max, it autocorrects to VI. In modern times though, VI based editors are much more popular, and that brings us to editor number 3, Vim or VR vi improved. On the surface, Vim feels almost identical to vi because it's a superset of its core functionality. However, it's much more popular with developers using it as their daily the editor because it provides a ton of other essential features like syntax highlighting, multi level undo, and plugins to customize and extend its functionality. Knee. It's more developer friendly and you can enter the Vimtutor command to learn the basics right now. It's kind of annoying at first, but once you have the basics down, you'll find that it keeps your fingers on the home row of the keyboard, which will gradually improve your coding speed with a lot of practice. But it also does things like code completion in a regular IDE, so it's not just all about typing faster. As you start to learn it, you'll see a lot of people make jokes about not being able to get out of Vim. Like developers in the sixties were writing their own compilers, but developers today can't even exit Vim without a soy latte and Stack Overflow. I don't wanna beat off a dead horse here, so I'm not going to make one of those jokes in this video. Vim was created in 1991, making it older than many viewers on this channel, but not everybody's been happy with its evolution. NIM. And that brings us to a popular fork called Neovim that came out in 2015. First of all, it's faster than Vim, which is always a plus, but one of the ways you customize Vim is with scripting language called Vimscript. The problem is that Vimscript sucks. According to this one guy on Hacker News, Neovim has addressed this problem mama by embedding Lua as its scripting language, an extremely fast and proven language that's also used by platforms like Roblox. That's cool and all, but what if you don't not to spend years mastering the art of Vim. Another good option is Nano, which is part of the GNU project and came out in 1999. It's also a keyboard based editor that you can launch from the command line, end line. And unlike Vim, it doesn't require modes and has a far more gentle learning curve. When you open it, you'll notice all the important key bindings are right here at the bottom. Most importantly, it tells you control x is how you exit, so you don't have to unplug your computer like you would with Vim. It lacks the features you would need to use it as a full blown IDE, but it's still a great option available on most machines to quickly edit a file from the terminal. At this point, we've looked at editors that mostly rely on a text user interface, but the majority of developers today use editors that have a graphical user interface. One of the earliest programs was Notepad on Windows, which came out in 1983. In fact, the program itself was designed to commercialize the mouse for MS DOS. A more modern version for programmers is notepad plus plus Instead end of using the keyboard to place the cursor where you wanna edit, you simply click there with the mouse. Or if you want to highlight, you click, hold, and drag. Sounds obvious, but in the early eighties, this was a feature that felt like going into the metaverse today. Notepad plus plus is not developed by Microsoft, but it does feel very much like you're using Microsoft Excel for writing code. Node. It supports macros and plugins, so you could definitely use it as your primary development environment. Next up, we've got a proprietary IDE that's very near and dear to my heart, Adobe Dreamweaver. I haven't used it in years, but it's the tool that got me started in web development. It used to be extremely popular, but not so much anymore. Today, it's actually a new beautiful tool and looks really nice while you're editing code, but at the same time feels overly slow and complex, like pretty much all Adobe software. It's also pretty antiquated with first class support for more jQuery and Bootstrap. That's pretty sad for a commercial product, and if you're paying to use Dreamweaver in 2022 Stop it. Get some help. McDonald's wants you to give yourself a chance. There are far superior free options in the modern world. You've got tools like Sublime Text, Brackets, NITS Atom, which was killed recently. But the most popular lightweight editor by far is Visual Studio Code. It has a graphical user interface, making it very approachable for beginners, but also has a ton of built in shortcuts that allow you to do things quickly, kind of like text based editors. I actually have a full course on Fireship IO that breaks down all my favorite techniques for increasing productivity with Versus Code. You can support my work by enrolling in that course or upgrading to a pro membership. Young people neck that it's popular and has a huge extension ecosystem. That means if you're using some kind of tooling that can benefit from additional support like Tailwind for example, you're pretty much guaranteed to have a Versus Code extension, which may not be the case on other editors. The application itself is open source and built with Electron, which is based on web technologies, making it easy to extend for web developers. Although, it does have a reputation of being a memory hog. The editing experience can be very minimal if you'd like and I usually go into Zen mode when writing code myself, but at the same time, you can make it a full blown integrated development environment. It can edit files remotely on GitHub, connect to your resources in the cloud, work with Docker containers, and so on. That's great and all, but for many platforms, b s code may not be the optimal choice. If you're building iOS apps, you'll likely wanna use Apple's integrated development environment Xcode, or for Android apps, Google's Android Studio. Or, as we'll look at now, Visual Studio for Microsoft's dot net framework. This is a true integrated development environment, which is a comprehensive set of tools for developing certain types of apps. Like in this case, desktop, web, and server side apps with dot net. It provides powerful code completion, refactoring, and debugging tools for its core nooges, like c plus plus and c sharp. It may feel overwhelming at first because there's all kinds of tools and wizards that you're not going to know how to use until your balls deep in a project. When you get that deep, you'll be really glad to have tools like that because otherwise, you'll likely be dealing with some half assed open source extension if you're lucky. The bottom line is that IDE's can be awesome when you're committed to a specific new platform. And that brings us to number 10, JetBrains, a family of editors and IDE's that many consider the gold standard for writing code at a professional level. It's most well known for IntelliJ for Java development, but in this video, we'll look at WebStorm for web development. Although I use Versus Code today, I've been a happy JetBrains customer in the past, but that happiness comes at a cost of about $69 per year. You can evaluate it with a free trial, and when you first open up WebStorm, you'll notice things deal more like a true IDE, as opposed to a minimal text editor. It has a wizard to guide you through the setup of a new project, although this does feel pretty outdated with options like Meteor, Cordova, an AngularJS version 1, which was retired a few months ago. If you're still using AngularJS version 1 You're only cheating yourself out of the chance to find out who you really can bee. Once you're in the project, you should have pretty much everything you need to hit the ground running. There's less of a need to install a bunch of plugins. One thing I really appreciate about WebStorm the is its code refactoring. For example, in a React app, we can click on a UI element and easily extract it into its own named component. We can also do that in Versus Code extensions, but it just feels way more reliable in WebStorm. In WebStorm, most of the features feel a little more polished and reliable, which is what you would expect from a paid product. What's also interesting is that JetBrains is coming out with a new editor called Fleet, which will be more like a competitor to Versus Code. Currently, it's on a close preview, so I haven't been able Try It, but make sure you're subscribed because as soon as it comes out, I'll drop a video. We just looked at 10 different ways to edit code on your machine, but I wanna finish up by saying that we're brain and age where code editors may become entirely cloud based. Like, you can run Versus Code in your browser right now by going to v s code dot dev, then you've got GitHub Codespaces instances where you can edit your code on overpowered cloud hardware, then you've got tools like Stackblitz that use web assembly to run full stack web applications in the browser. Nurf. The future looks interesting, but the most important takeaway from this video is Don't do drugs. Thanks for watching, and I will see you in the next one.
At
at
exactly
exactly
3:45
3:45
PM
pm
on
on
September
september
9,
9
1947,
1947
Grace
grace
Hopper
hopper
discovered
discovered
the
the
first
first
official
official
computer
computer
bug,
bug
a
a
real
real
life
life
moth
moth
that
that
found
found
its
its
way
way
onto
onto
the
the
number
number
70
70
relay
relay
of
of
the
the
Harvard
harvard
Mark
mark
2
2
Aiken
aiken
Relay
relay
calculator.
calculator
Today,
today
computer
computer
programmers
programmers
create
create
their
their
own
own
bugs,
bugs
but
but
that
that
wouldn't
wouldn't
be
be
possible
possible
without
without
the
the
help
help
of
of
a
a
modern
modern
code
code
editor.
editor
I
i
want
want
to
to
find
find
out
out
which
which
code
code
editor
editor
is
is
best
best
in
in
the
the
20
20
twenties.
twenties
So
so
I
i
tried
tried
to
to
write
write
a
a
basic
basic
program
program
with
with
10
10
different
different
text
text
editors
editors
and
and
IDEs.
ides
We'll
we'll
look
look
at
at
everything
everything
from
from
basic
basic
command
command
line
line
editors
editors
to
to
the
the
most
most
advanced
advanced
Cloud
cloud
based
based
integrated
integrated
development
development
environments.
environments
We'll
we'll
talk
talk
about
about
the
the
pros
pros
and
and
cons
cons
of
of
each
each
option
option
and
and
look
look
at
at
how
how
these
these
tools
tools
have
have
evolved
evolved
over
over
the
the
last
last
50
50
years.
years
Think
think
about
about
this.
this
Things
things
like
like
undo,
undo
find
find
and
and
replace,
replace
cut
cut
copy
copy
and
and
paste
paste
are
are
all
all
common
common
place,
place
but
but
back
back
in
in
the
the
19
19
sixties,
sixties
they
they
were
were
revolutionary
revolutionary
new
new
features
features
made
made
possible
possible
by
by
the
the
computer
computer
screen
screen
and
and
visual
visual
terminal.
terminal
Eventually,
eventually
they
they
would
would
replace
replace
punch
punch
cards
cards
where
where
one
one
wrong
wrong
key
key
stroke
stroke
meant
meant
you
you
had
had
to
to
start
start
over
over
from
from
scratch.
scratch
The
the
first
first
editor
editor
we'll
we'll
look
look
at
at
is
is
v
v
I,
i
which
which
was
was
written
written
by
by
Bill
bill
Joy
joy
and
and
released
released
in
in
1976.
1976
It's
it's
still
still
a
a
standard
standard
tool
tool
on
on
most
most
Linux
linux
Distrust
distrust
to
to
this
this
day.
day
So
so
to
to
use
use
it,
it
all
all
you
you
have
have
to
to
do
do
is
is
type
type
v
v
I
i
into
into
the
the
terminal.
terminal
What's
what's
most
most
interesting
interesting
is
is
that
that
it's
it's
a
a
keyboard
keyboard
based
based
editor.
editor
The
the
mouse
mouse
doesn't
doesn't
do
do
anything
anything
useful.
useful
That's
that's
because
because
the
the
mouse
mouse
didn't
didn't
go
go
mainstream
mainstream
until
until
the
the
Apple
apple
Macintosh
macintosh
came
came
out
out
in
in
1984.
1984
January
january
24th,
24th
Apple
apple
Computer
computer
will
will
introduce
introduce
Macintosh.
macintosh
And
and
you'll
you'll
see
see
why
why
1984
1984
won't
won't
be
be
like
like
1984.
1984
But
but
do
do
you
you
really
really
need
need
a
a
mouse
mouse
to
to
code
code
efficiently?
efficiently
In
in
the
the
eye,
eye
if
if
you
you
start
start
typing,
typing
nothing
nothing
will
will
bin
bin
initially.
initially
That's
that's
because
because
to
to
write
write
some
some
text,
text
you'll
you'll
need
need
to
to
enter
enter
insert
insert
mode
mode
by
by
hitting
hitting
the
the
I
i
key.
key
Vi
vi
is
is
a
a
modal
modal
editor,
editor
which
which
means
means
the
the
keys
keys
on
on
your
your
keyboard
keyboard
do
do
different
different
things
things
based
based
on
on
the
the
mode
mode
you're
you're
currently
currently
the
the
end.
end
In
in
insert
insert
mode,
mode
we
we
can
can
add
add
some
some
actual
actual
code
code
to
to
the
the
document,
document
then
then
hit
hit
escape
escape
to
to
go
go
back
back
to
to
command
command
mode
mode
and
and
use
use
the
the
right
right
quick
quick
command
command
to
to
save
save
the
the
file
file
to
to
the
the
disk.
disk
When
when
you
you
get
get
used
used
to
to
it,
it
without
without
needing
needing
to
to
highlight
highlight
the
the
entire
entire
thing
thing
with
with
my
my
mouse.
mouse
The
the
hard
hard
part
part
is
is
memorizing
memorizing
all
all
the
the
tricks
tricks
to
to
get
get
things
things
done
done
efficiently.
efficiently
VI
vi
is
is
nice
nice
and
and
simple,
simple
but
but
there
there
are
are
a
a
lot
lot
of
of
features
features
missing
missing
like
like
syntax
syntax
highlighting
highlighting
or
or
the
the
ability
ability
to
to
implement
implement
plugins
plugins
to
to
extend
extend
its
its
functionality.
functionality
Around
around
the
the
same
same
time
time
period,
period
another
another
editor
editor
was
was
being
being
by
by
Guy
guy
Steele
steele
at
at
MIT
mit
called
called
emacs,
emacs
which
which
stands
stands
for
for
editor
editor
macros.
macros
Like
like
BI,
bi
it's
it's
primarily
primarily
a
a
keyboard
keyboard
board
board
based
based
editor,
editor
but
but
it's
it's
highly
highly
extensible
extensible
and
and
integrates
integrates
additional
additional
features
features
like
like
debuggers,
debuggers
a
a
file
file
manager,
manager
terminal
terminal
emulator,
emulator
music
music
player,
player
and
and
anything
anything
else
else
you
you
can
can
imagine.
imagine
It's
it's
not
not
just
just
a
a
text
text
editor,
editor
but
but
a
a
full
full
blown
blown
integrated
integrated
development
development
environment.
environment
That
that
means
means
it
it
can
can
do
do
a
a
lot
lot
more,
more
but
but
it
it
takes
takes
a
a
lot
lot
more
more
time
time
to
to
configure
configure
on
on
your
your
part.
part
Initially,
initially
eMax
emax
feels
feels
a
a
little
little
more
more
user
user
something
something
like
like
VI.
vi
We
we
can
can
pull
pull
up
up
a
a
menu
menu
that
that
allows
allows
us
us
to
to
navigate
navigate
the
the
different
different
commands
commands
and
and
it's
it's
a
a
non
non
modal
modal
editor,
editor
which
which
means
means
we
we
don't
don't
have
have
to
to
understand
understand
what
what
a
a
bunch
bunch
of
of
different
different
modes
modes
due
due
before
before
using
using
it.
it
However,
however
you
you
will
will
need
need
to
to
use
use
a
a
bunch
bunch
of
of
modifier
modifier
keys
keys
when
when
typing,
typing
which
which
could
could
result
result
in
in
a
a
gruesome
gruesome
injury
injury
known
known
as
as
emax
emax
pinky.
pinky
At
at
the
the
same
same
time,
time
it's
it's
far
far
from
from
simple
simple
and
and
has
has
over
over
10,000
10,000
built
built
in
in
commands
commands
that
that
can
can
be
be
used
used
to
to
create
create
macros
macros
that
that
customize
customize
the
the
experience
experience
and
and
automate
automate
work.
work
Now,
now
due
due
to
to
the
the
philosophical
philosophical
differences
differences
between
between
EMAX
emax
and
and
VI
vi
and
and
the
the
tribal
tribal
nature
nature
of
of
developers,
developers
2
2
distinct
distinct
factions
factions
have
have
emerged,
emerged
the
the
cult
cult
of
of
VI
vi
and
and
the
the
Church
church
of
of
EMAX,
emax
founded
founded
by
by
high
high
priest
priest
Richard
richard
Stallman.
stallman
They've
they've
been
been
waging
waging
war
war
for
for
decades
decades
now,
now
and
and
people
people
take
take
it
it
very
very
seriously.
seriously
When
when
you
you
go
go
to
to
Google
google
to
to
search
search
for
for
v
v
I,
i
it
it
auto
auto
corrects
corrects
to
to
e
e
max.
max
Or
or
if
if
you
you
search
search
for
for
e
e
max,
max
it
it
autocorrects
autocorrects
to
to
VI.
vi
In
in
modern
modern
times
times
though,
though
VI
vi
based
based
editors
editors
are
are
much
much
more
more
popular,
popular
and
and
that
that
brings
brings
us
us
to
to
editor
editor
number
number
3,
3
Vim
vim
or
or
VR
vr
vi
vi
improved.
improved
On
on
the
the
surface,
surface
Vim
vim
feels
feels
almost
almost
identical
identical
to
to
vi
vi
because
because
it's
it's
a
a
superset
superset
of
of
its
its
core
core
functionality.
functionality
However,
however
it's
it's
much
much
more
more
popular
popular
with
with
developers
developers
using
using
it
it
as
as
their
their
daily
daily
the
the
editor
editor
because
because
it
it
provides
provides
a
a
ton
ton
of
of
other
other
essential
essential
features
features
like
like
syntax
syntax
highlighting,
highlighting
multi
multi
level
level
undo,
undo
and
and
plugins
plugins
to
to
customize
customize
and
and
extend
extend
its
its
functionality.
functionality
Knee.
knee
It's
it's
more
more
developer
developer
friendly
friendly
and
and
you
you
can
can
enter
enter
the
the
Vimtutor
vimtutor
command
command
to
to
learn
learn
the
the
basics
basics
right
right
now.
now
It's
it's
kind
kind
of
of
annoying
annoying
at
at
first,
first
but
but
once
once
you
you
have
have
the
the
basics
basics
down,
down
you'll
you'll
find
find
that
that
it
it
keeps
keeps
your
your
fingers
fingers
on
on
the
the
home
home
row
row
of
of
the
the
keyboard,
keyboard
which
which
will
will
gradually
gradually
improve
improve
your
your
coding
coding
speed
speed
with
with
a
a
lot
lot
of
of
practice.
practice
But
but
it
it
also
also
does
does
things
things
like
like
code
code
completion
completion
in
in
a
a
regular
regular
IDE,
ide
so
so
it's
it's
not
not
just
just
all
all
about
about
typing
typing
faster.
faster
As
as
you
you
start
start
to
to
learn
learn
it,
it
you'll
you'll
see
see
a
a
lot
lot
of
of
people
people
make
make
jokes
jokes
about
about
not
not
being
being
able
able
to
to
get
get
out
out
of
of
Vim.
vim
Like
like
developers
developers
in
in
the
the
sixties
sixties
were
were
writing
writing
their
their
own
own
compilers,
compilers
but
but
developers
developers
today
today
can't
can't
even
even
exit
exit
Vim
vim
without
without
a
a
soy
soy
latte
latte
and
and
Stack
stack
Overflow.
overflow
I
i
don't
don't
wanna
wanna
beat
beat
off
off
a
a
dead
dead
horse
horse
here,
here
so
so
I'm
i'm
not
not
going
going
to
to
make
make
one
one
of
of
those
those
jokes
jokes
in
in
this
this
video.
video
Vim
vim
was
was
created
created
in
in
1991,
1991
making
making
it
it
older
older
than
than
many
many
viewers
viewers
on
on
this
this
channel,
channel
but
but
not
not
everybody's
everybody's
been
been
happy
happy
with
with
its
its
evolution.
evolution
NIM.
nim
And
and
that
that
brings
brings
us
us
to
to
a
a
popular
popular
fork
fork
called
called
Neovim
neovim
that
that
came
came
out
out
in
in
2015.
2015
First
first
of
of
all,
all
it's
it's
faster
faster
than
than
Vim,
vim
which
which
is
is
always
always
a
a
plus,
plus
but
but
one
one
of
of
the
the
ways
ways
you
you
customize
customize
Vim
vim
is
is
with
with
scripting
scripting
language
language
called
called
Vimscript.
vimscript
The
the
problem
problem
is
is
that
that
Vimscript
vimscript
sucks.
sucks
According
according
to
to
this
this
one
one
guy
guy
on
on
Hacker
hacker
News,
news
Neovim
neovim
has
has
addressed
addressed
this
this
problem
problem
mama
mama
by
by
embedding
embedding
Lua
lua
as
as
its
its
scripting
scripting
language,
language
an
an
extremely
extremely
fast
fast
and
and
proven
proven
language
language
that's
that's
also
also
used
used
by
by
platforms
platforms
like
like
Roblox.
roblox
That's
that's
cool
cool
and
and
all,
all
but
but
what
what
if
if
you
you
don't
don't
not
not
to
to
spend
spend
years
years
mastering
mastering
the
the
art
art
of
of
Vim.
vim
Another
another
good
good
option
option
is
is
Nano,
nano
which
which
is
is
part
part
of
of
the
the
GNU
gnu
project
project
and
and
came
came
out
out
in
in
1999.
1999
It's
it's
also
also
a
a
keyboard
keyboard
based
based
editor
editor
that
that
you
you
can
can
launch
launch
from
from
the
the
command
command
line,
line
end
end
line.
line
And
and
unlike
unlike
Vim,
vim
it
it
doesn't
doesn't
require
require
modes
modes
and
and
has
has
a
a
far
far
more
more
gentle
gentle
learning
learning
curve.
curve
When
when
you
you
open
open
it,
it
you'll
you'll
notice
notice
all
all
the
the
important
important
key
key
bindings
bindings
are
are
right
right
here
here
at
at
the
the
bottom.
bottom
Most
most
importantly,
importantly
it
it
tells
tells
you
you
control
control
x
x
is
is
how
how
you
you
exit,
exit
so
so
you
you
don't
don't
have
have
to
to
unplug
unplug
your
your
computer
computer
like
like
you
you
would
would
with
with
Vim.
vim
It
it
lacks
lacks
the
the
features
features
you
you
would
would
need
need
to
to
use
use
it
it
as
as
a
a
full
full
blown
blown
IDE,
ide
but
but
it's
it's
still
still
a
a
great
great
option
option
available
available
on
on
most
most
machines
machines
to
to
quickly
quickly
edit
edit
a
a
file
file
from
from
the
the
terminal.
terminal
At
at
this
this
point,
point
we've
we've
looked
looked
at
at
editors
editors
that
that
mostly
mostly
rely
rely
on
on
a
a
text
text
user
user
interface,
interface
but
but
the
the
majority
majority
of
of
developers
developers
today
today
use
use
editors
editors
that
that
have
have
a
a
graphical
graphical
user
user
interface.
interface
One
one
of
of
the
the
earliest
earliest
programs
programs
was
was
Notepad
notepad
on
on
Windows,
windows
which
which
came
came
out
out
in
in
1983.
1983
In
in
fact,
fact
the
the
program
program
itself
itself
was
was
designed
designed
to
to
commercialize
commercialize
the
the
mouse
mouse
for
for
MS
ms
DOS.
dos
A
a
more
more
modern
modern
version
version
for
for
programmers
programmers
is
is
notepad
notepad
plus
plus
plus
plus
Instead
instead
end
end
of
of
using
using
the
the
keyboard
keyboard
to
to
place
place
the
the
cursor
cursor
where
where
you
you
wanna
wanna
edit,
edit
you
you
simply
simply
click
click
there
there
with
with
the
the
mouse.
mouse
Or
or
if
if
you
you
want
want
to
to
highlight,
highlight
you
you
click,
click
hold,
hold
and
and
drag.
drag
Sounds
sounds
obvious,
obvious
but
but
in
in
the
the
early
early
eighties,
eighties
this
this
was
was
a
a
feature
feature
that
that
felt
felt
like
like
going
going
into
into
the
the
metaverse
metaverse
today.
today
Notepad
notepad
plus
plus
plus
plus
is
is
not
not
developed
developed
by
by
Microsoft,
microsoft
but
but
it
it
does
does
feel
feel
very
very
much
much
like
like
you're
you're
using
using
Microsoft
microsoft
Excel
excel
for
for
writing
writing
code.
code
Node.
node
It
it
supports
supports
macros
macros
and
and
plugins,
plugins
so
so
you
you
could
could
definitely
definitely
use
use
it
it
as
as
your
your
primary
primary
development
development
environment.
environment
Next
next
up,
up
we've
we've
got
got
a
a
proprietary
proprietary
IDE
ide
that's
that's
very
very
near
near
and
and
dear
dear
to
to
my
my
heart,
heart
Adobe
adobe
Dreamweaver.
dreamweaver
I
i
haven't
haven't
used
used
it
it
in
in
years,
years
but
but
it's
it's
the
the
tool
tool
that
that
got
got
me
me
started
started
in
in
web
web
development.
development
It
it
used
used
to
to
be
be
extremely
extremely
popular,
popular
but
but
not
not
so
so
much
much
anymore.
anymore
Today,
today
it's
it's
actually
actually
a
a
new
new
beautiful
beautiful
tool
tool
and
and
looks
looks
really
really
nice
nice
while
while
you're
you're
editing
editing
code,
code
but
but
at
at
the
the
same
same
time
time
feels
feels
overly
overly
slow
slow
and
and
complex,
complex
like
like
pretty
pretty
much
much
all
all
Adobe
adobe
software.
software
It's
it's
also
also
pretty
pretty
antiquated
antiquated
with
with
first
first
class
class
support
support
for
for
more
more
jQuery
jquery
and
and
Bootstrap.
bootstrap
That's
that's
pretty
pretty
sad
sad
for
for
a
a
commercial
commercial
product,
product
and
and
if
if
you're
you're
paying
paying
to
to
use
use
Dreamweaver
dreamweaver
in
in
2022
2022
Stop
stop
it.
it
Get
get
some
some
help.
help
McDonald's
mcdonald's
wants
wants
you
you
to
to
give
give
yourself
yourself
a
a
chance.
chance
There
there
are
are
far
far
superior
superior
free
free
options
options
in
in
the
the
modern
modern
world.
world
You've
you've
got
got
tools
tools
like
like
Sublime
sublime
Text,
text
Brackets,
brackets
NITS
nits
Atom,
atom
which
which
was
was
killed
killed
recently.
recently
But
but
the
the
most
most
popular
popular
lightweight
lightweight
editor
editor
by
by
far
far
is
is
Visual
visual
Studio
studio
Code.
code
It
it
has
has
a
a
graphical
graphical
user
user
interface,
interface
making
making
it
it
very
very
approachable
approachable
for
for
beginners,
beginners
but
but
also
also
has
has
a
a
ton
ton
of
of
built
built
in
in
shortcuts
shortcuts
that
that
allow
allow
you
you
to
to
do
do
things
things
quickly,
quickly
kind
kind
of
of
like
like
text
text
based
based
editors.
editors
I
i
actually
actually
have
have
a
a
full
full
course
course
on
on
Fireship
fireship
IO
io
that
that
breaks
breaks
down
down
all
all
my
my
favorite
favorite
techniques
techniques
for
for
increasing
increasing
productivity
productivity
with
with
Versus
versus
Code.
code
You
you
can
can
support
support
my
my
work
work
by
by
enrolling
enrolling
in
in
that
that
course
course
or
or
upgrading
upgrading
to
to
a
a
pro
pro
membership.
membership
Young
young
people
people
neck
neck
that
that
it's
it's
popular
popular
and
and
has
has
a
a
huge
huge
extension
extension
ecosystem.
ecosystem
That
that
means
means
if
if
you're
you're
using
using
some
some
kind
kind
of
of
tooling
tooling
that
that
can
can
benefit
benefit
from
from
additional
additional
support
support
like
like
Tailwind
tailwind
for
for
example,
example
you're
you're
pretty
pretty
much
much
guaranteed
guaranteed
to
to
have
have
a
a
Versus
versus
Code
code
extension,
extension
which
which
may
may
not
not
be
be
the
the
case
case
on
on
other
other
editors.
editors
The
the
application
application
itself
itself
is
is
open
open
source
source
and
and
built
built
with
with
Electron,
electron
which
which
is
is
based
based
on
on
web
web
technologies,
technologies
making
making
it
it
easy
easy
to
to
extend
extend
for
for
web
web
developers.
developers
Although,
although
it
it
does
does
have
have
a
a
reputation
reputation
of
of
being
being
a
a
memory
memory
hog.
hog
The
the
editing
editing
experience
experience
can
can
be
be
very
very
minimal
minimal
if
if
you'd
you'd
like
like
and
and
I
i
usually
usually
go
go
into
into
Zen
zen
mode
mode
when
when
writing
writing
code
code
myself,
myself
but
but
at
at
the
the
same
same
time,
time
you
you
can
can
make
make
it
it
a
a
full
full
blown
blown
integrated
integrated
development
development
environment.
environment
It
it
can
can
edit
edit
files
files
remotely
remotely
on
on
GitHub,
github
connect
connect
to
to
your
your
resources
resources
in
in
the
the
cloud,
cloud
work
work
with
with
Docker
docker
containers,
containers
and
and
so
so
on.
on
That's
that's
great
great
and
and
all,
all
but
but
for
for
many
many
platforms,
platforms
b
b
s
s
code
code
may
may
not
not
be
be
the
the
optimal
optimal
choice.
choice
If
if
you're
you're
building
building
iOS
ios
apps,
apps
you'll
you'll
likely
likely
wanna
wanna
use
use
Apple's
apple's
integrated
integrated
development
development
environment
environment
Xcode,
xcode
or
or
for
for
Android
android
apps,
apps
Google's
google's
Android
android
Studio.
studio
Or,
or
as
as
we'll
we'll
look
look
at
at
now,
now
Visual
visual
Studio
studio
for
for
Microsoft's
microsoft's
dot
dot
net
net
framework.
framework
This
this
is
is
a
a
true
true
integrated
integrated
development
development
environment,
environment
which
which
is
is
a
a
comprehensive
comprehensive
set
set
of
of
tools
tools
for
for
developing
developing
certain
certain
types
types
of
of
apps.
apps
Like
like
in
in
this
this
case,
case
desktop,
desktop
web,
web
and
and
server
server
side
side
apps
apps
with
with
dot
dot
net.
net
It
it
provides
provides
powerful
powerful
code
code
completion,
completion
refactoring,
refactoring
and
and
debugging
debugging
tools
tools
for
for
its
its
core
core
nooges,
nooges
like
like
c
c
plus
plus
plus
plus
and
and
c
c
sharp.
sharp
It
it
may
may
feel
feel
overwhelming
overwhelming
at
at
first
first
because
because
there's
there's
all
all
kinds
kinds
of
of
tools
tools
and
and
wizards
wizards
that
that
you're
you're
not
not
going
going
to
to
know
know
how
how
to
to
use
use
until
until
your
your
balls
balls
deep
deep
in
in
a
a
project.
project
When
when
you
you
get
get
that
that
deep,
deep
you'll
you'll
be
be
really
really
glad
glad
to
to
have
have
tools
tools
like
like
that
that
because
because
otherwise,
otherwise
you'll
you'll
likely
likely
be
be
dealing
dealing
with
with
some
some
half
half
assed
assed
open
open
source
source
extension
extension
if
if
you're
you're
lucky.
lucky
The
the
bottom
bottom
line
line
is
is
that
that
IDE's
ide's
can
can
be
be
awesome
awesome
when
when
you're
you're
committed
committed
to
to
a
a
specific
specific
new
new
platform.
platform
And
and
that
that
brings
brings
us
us
to
to
number
number
10,
10
JetBrains,
jetbrains
a
a
family
family
of
of
editors
editors
and
and
IDE's
ide's
that
that
many
many
consider
consider
the
the
gold
gold
standard
standard
for
for
writing
writing
code
code
at
at
a
a
professional
professional
level.
level
It's
it's
most
most
well
well
known
known
for
for
IntelliJ
intellij
for
for
Java
java
development,
development
but
but
in
in
this
this
video,
video
we'll
we'll
look
look
at
at
WebStorm
webstorm
for
for
web
web
development.
development
Although
although
I
i
use
use
Versus
versus
Code
code
today,
today
I've
i've
been
been
a
a
happy
happy
JetBrains
jetbrains
customer
customer
in
in
the
the
past,
past
but
but
that
that
happiness
happiness
comes
comes
at
at
a
a
cost
cost
of
of
about
about
$69
$69
per
per
year.
year
You
you
can
can
evaluate
evaluate
it
it
with
with
a
a
free
free
trial,
trial
and
and
when
when
you
you
first
first
open
open
up
up
WebStorm,
webstorm
you'll
you'll
notice
notice
things
things
deal
deal
more
more
like
like
a
a
true
true
IDE,
ide
as
as
opposed
opposed
to
to
a
a
minimal
minimal
text
text
editor.
editor
It
it
has
has
a
a
wizard
wizard
to
to
guide
guide
you
you
through
through
the
the
setup
setup
of
of
a
a
new
new
project,
project
although
although
this
this
does
does
feel
feel
pretty
pretty
outdated
outdated
with
with
options
options
like
like
Meteor,
meteor
Cordova,
cordova
an
an
AngularJS
angularjs
version
version
1,
1
which
which
was
was
retired
retired
a
a
few
few
months
months
ago.
ago
If
if
you're
you're
still
still
using
using
AngularJS
angularjs
version
version
1
1
You're
you're
only
only
cheating
cheating
yourself
yourself
out
out
of
of
the
the
chance
chance
to
to
find
find
out
out
who
who
you
you
really
really
can
can
bee.
bee
Once
once
you're
you're
in
in
the
the
project,
project
you
you
should
should
have
have
pretty
pretty
much
much
everything
everything
you
you
need
need
to
to
hit
hit
the
the
ground
ground
running.
running
There's
there's
less
less
of
of
a
a
need
need
to
to
install
install
a
a
bunch
bunch
of
of
plugins.
plugins
One
one
thing
thing
I
i
really
really
appreciate
appreciate
about
about
WebStorm
webstorm
the
the
is
is
its
its
code
code
refactoring.
refactoring
For
for
example,
example
in
in
a
a
React
react
app,
app
we
we
can
can
click
click
on
on
a
a
UI
ui
element
element
and
and
easily
easily
extract
extract
it
it
into
into
its
its
own
own
named
named
component.
component
We
we
can
can
also
also
do
do
that
that
in
in
Versus
versus
Code
code
extensions,
extensions
but
but
it
it
just
just
feels
feels
way
way
more
more
reliable
reliable
in
in
WebStorm.
webstorm
In
in
WebStorm,
webstorm
most
most
of
of
the
the
features
features
feel
feel
a
a
little
little
more
more
polished
polished
and
and
reliable,
reliable
which
which
is
is
what
what
you
you
would
would
expect
expect
from
from
a
a
paid
paid
product.
product
What's
what's
also
also
interesting
interesting
is
is
that
that
JetBrains
jetbrains
is
is
coming
coming
out
out
with
with
a
a
new
new
editor
editor
called
called
Fleet,
fleet
which
which
will
will
be
be
more
more
like
like
a
a
competitor
competitor
to
to
Versus
versus
Code.
code
Currently,
currently
it's
it's
on
on
a
a
close
close
preview,
preview
so
so
I
i
haven't
haven't
been
been
able
able
Try
try
It,
it
but
but
make
make
sure
sure
you're
you're
subscribed
subscribed
because
because
as
as
soon
soon
as
as
it
it
comes
comes
out,
out
I'll
i'll
drop
drop
a
a
video.
video
We
we
just
just
looked
looked
at
at
10
10
different
different
ways
ways
to
to
edit
edit
code
code
on
on
your
your
machine,
machine
but
but
I
i
wanna
wanna
finish
finish
up
up
by
by
saying
saying
that
that
we're
we're
brain
brain
and
and
age
age
where
where
code
code
editors
editors
may
may
become
become
entirely
entirely
cloud
cloud
based.
based
Like,
like
you
you
can
can
run
run
Versus
versus
Code
code
in
in
your
your
browser
browser
right
right
now
now
by
by
going
going
to
to
v
v
s
s
code
code
dot
dot
dev,
dev
then
then
you've
you've
got
got
GitHub
github
Codespaces
codespaces
instances
instances
where
where
you
you
can
can
edit
edit
your
your
code
code
on
on
overpowered
overpowered
cloud
cloud
hardware,
hardware
then
then
you've
you've
got
got
tools
tools
like
like
Stackblitz
stackblitz
that
that
use
use
web
web
assembly
assembly
to
to
run
run
full
full
stack
stack
web
web
applications
applications
in
in
the
the
browser.
browser
Nurf.
nurf
The
the
future
future
looks
looks
interesting,
interesting
but
but
the
the
most
most
important
important
takeaway
takeaway
from
from
this
this
video
video
is
is
Don't
don't
do
do
drugs.
drugs
Thanks
thanks
for
for
watching,
watching
and
and
I
i
will
will
see
see
you
you
in
in
the
the
next
next
one.
one
success
The development of code editing tools in the 20ies led to a lack of modern technology, including Macintosh and the Neovim program. However, modern technology has since gained a popularity, including the development of the Neovim program and the development of the Neovim keyboard. editing experience is minimal and can be done on various platforms, including iOS and Android apps. The future of editing code in the cloud is also discussed, including the release of JetBrains and the development of new editors, Fleet, and the use of web developers. A free trial for WebGeneration is also offered.
I tried 10 code editors
The top 10 code editors for programmers in 2022. We start by exploring simple text editors like vim, then show the evolution to IDEs like Visual Studio. 

#programming #code #top10 

🔗 Resources

VS Code course https://fireship.io/courses/vscode-tricks
Editor war https://en.wikipedia.org/wiki/Editor_war
VS Code in 100 Seconds https://youtu.be/KMxo3T_MTvY
vim in 100 Seconds https://youtu.be/-txKSRn0qeA

🔥 Get More Content - Upgrade to PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- How do you choose a code editor?
- What is the best code editor?
- vim vs emacs
- VS Code vs vim
- the editor wars
- tools required to learn to code