0:06 - Atom Installation -- Packages -- 2:06 - Emmet 5:20 - File Icons 7:34 - Atom Live Server 9:33 - Todo 13:35 - Mini-Map 15:39 - Pigments 18:00 - Linter 22:02 - Atom Beautify 23:46 - Ask Stack 25:08 - Highlight Selected -- -- 26:04 - Conclusion Just add it to your desc bro. Very nice video
Feel free to leave your own suggestions and recommendations for Atom packages in the comments for other people. And please do not think I am saying Atom is the best editor for every person. I shouldn't have to specify this but some people still do not understand how I operate. I would never say one tool is the best for EVERYONE. That is a foolish, ignorant and plain unintelligent statement to make.
I spent my entire day browsing craps videos trying to figure out how to install atom live server But you sir just explained it so simply, shorter way with much more useful info... thanks a lot
Outstanding! I've just started using Atom in the college courses I teach in programming and these packages are great tools. Thanks for the clear and useful overview!
I am used to coding in Visual Studio as a .NET Developer. I have been looking for a good IDE for coding Node.js. I must say that this presentation of Atom has impressed me. Amazing stuff. Thanks Traversy
Just getting started and was looking for a free HTML editor. Found ATOM, but didn't know a lot about it. Love it so far. Thanks for the advice. Loaded all 10 packages. Looking forward to more learning...YEAH!
Thanks Brad, there are a few packages I didn't know about here, so I'll check them out. One package I use that might be worth a mention is PlatformIO IDE Terminal. Cheers.
Hey man I honestly think these videos are approached in a very good way, your voice is very easy to listen to man. I've already learned alot and am using your practices on my own projects. The Sass tutorial really helped me get the grasp of it. Anyways keep it up man!
I used many ide but just started using Atom IDE for first time. i had problem finding all the packages i needed with other ides but your video helped me get started with atom really easy thank you for this video it was very Helpful
Better late than never but thank you again for this video! I find myself using Atom and Sublime text more than Note Pad ++. These packages make things more easier.
Interesting video/ May have to give Atom a try. Learning some Bash and Python stuff. Still new to Linux so I like to learn how to write simple stuff! BTW, I like your wallpaper in the video. Reminds me of the old TechTv days with Leo Lapboard ( I think ) and the logo... :-) Thanks for the video! LLAP
I'd be curious to know if you have any favorite themes you like to use with Atom. I love the Seti theme, because it's clean and functional, but I know everyone will have a favorite of their own. So it'd be cool to know which themes you like, if any! Keep make such awesome content! :)
hello, by the time of 11:15 in this video, what keyboard shortcuts do you use to jump from the comment line end to the behind of the brackets, I feel so magical for it, also, such kind of magical usually dressed me so much, can you show me how to do it ? Just for my curiosity. Thank you!
very useful - great resources for us side note - including the date of the tutorial in the vid's title might help with viewership/subscriptions ex) 10 Essential Atom Editor Packages & Setup (2018) - which can be very different from a (June 2017) tutorial ... this could give you a marketing edge - I'd def click on "2017" or "2018" before a title without a date - there are some Web Dev vids from 2011-2015 with high viewership... but, they don't work with older HTML5, CSS-3, and JS ... very, very frustrating ** I've actually wasted days, and hours with outdated videos (spec. the linux, VM, and Windows installs) - if you specify Windows 10 (2017,2018) you might get a noticeable bump in subscriptions and viewership ** there's a lot of outdated material out there which is actually DANGEROUS to watch ** especially installs/intros for XAMP, phpmyadmin, Mysqli ... whether VM for linux (Ruby) is necessary since Ubuntu is on Windows 10 (after 2017 updates) Thanks again Brad - you're really doing a stellar job, cheers
y problem is pretty annoying and I cannot figure it out how to fix it. Let's say I already have a text like this: blablabla And i want to add some more like "strong". So whenever I write before my text atom creating double and and everytime I have to delete one, and the same when I wanna add at the end of my text it create double strong as well. Can someone tell me how to fix it?
3:03 emmet - html code generation from short code 5:56 file icons 7:34 atom live server- for html 10:01 todo 13:40 mini-map 15:44 pigment 15:55 linter 22:23 atom-beautify 24:17 ask-stack 25:35 highlight-selected
If you have issues with color dots after line 48 this is the workaround in atom style sheets: .pigments-gutter-marker span, .pigments-gutter-marker-in-selection span { background-attachment: scroll !important; }
Hey good vid, been following your channel for sometime now and I must say this is how I learn a new programming language. I have atom as a text editor and these packages sure he[p out when doing development, I know you cant fit a lot of package in you video but there is one package that can come in handy and thats they Minimap, helps me get to certain parts of my code that I need to get to quickly. Can I also make a request for you to do a Laravel beyond the basics course because I leaned the beginners course and I found it very useful however after this you kind of get stuck when you get to polices and gates etc, thanks in advance dude, keep up the good work
Great choices. I use most of them. For web dev, you would usually use express+notify or webpack. Or some sort of package that would do live server. Why would i want that plugin when i have that kind of setup. Thoughts?
thanks for great video! can I make autosave in atom for like every 10 seconds? Cause I use auto refresh plugin, but I still need to press ctrl+s every time I wanna see changes that I just make
Hi Brad, have you come across a good package for prompting relative path locations in Atom? Like when typing srcs or hrefs? I use webstorm for this but really like Atom as it's much lighter and find it's more configurable in terms of using only what I need at a given time.
Alright so I'm a total noob at all this but when following along with you at 3:46 when I hit the "Tab" key nothing happens? I have looked all over the web on how to fix this but I cant seem to figure it out.
Amazing video as always! Thank you so much for this video, I want to ask you I have seen a lot of your tutorial series, you have used windows system for development, any particular reason for using windows as a development platform? just curious.. Thanks once again.
I have always been a Windows guy even before I started programming because I was into gaming PCs and I did computer repair. I also have hardware and other software that needs windows to run. I also use it because I create videos and I know many new guys have windows. I want everything to be easy to follow. Chances are a linux or mac user fully understand windows but not the other way around. But if you are asking if I have a specific reason for development, no. I actually really like developing on Linux.
![ILLSLICK - THE KING'S LANDING [Freestyle]](http://i.ytimg.com/vi/feIJJnNkTfk/mqdefault.jpg)
![TEEDEE TADA - DIAMOND NARAKORN X LEGO LYKN [Special Dance Performance]](http://i.ytimg.com/vi/QgtZedFeumA/mqdefault.jpg)
0:06 - Atom Installation
-- Packages --
2:06 - Emmet
5:20 - File Icons
7:34 - Atom Live Server
9:33 - Todo
13:35 - Mini-Map
15:39 - Pigments
18:00 - Linter
22:02 - Atom Beautify
23:46 - Ask Stack
25:08 - Highlight Selected
-- --
26:04 - Conclusion
Just add it to your desc bro.
Very nice video
Nice
Thanks.
'Ask a stack' not Ask Stack
Thanks!
It was helpful, Thanks Bro!
Feel free to leave your own suggestions and recommendations for Atom packages in the comments for other people. And please do not think I am saying Atom is the best editor for every person. I shouldn't have to specify this but some people still do not understand how I operate. I would never say one tool is the best for EVERYONE. That is a foolish, ignorant and plain unintelligent statement to make.
Traversy M
+Al Jiwani You know how to comment bro?
Traversy Media please make a tut on emmet...thnx mate!
plx tell me the tools who can automatically go to the next line when window over
Color picker is good package too
I spent my entire day browsing craps videos trying to figure out how to install atom live server But you sir just explained it so simply, shorter way with much more useful info... thanks a lot
Moved to Atom from Dreamweaver a few years back. Best decision I ever made. Great product.
Outstanding! I've just started using Atom in the college courses I teach in programming and these packages are great tools. Thanks for the clear and useful overview!
I am used to coding in Visual Studio as a .NET Developer. I have been looking for a good IDE for coding Node.js. I must say that this presentation of Atom has impressed me. Amazing stuff. Thanks Traversy
Excellent illustration and completed 10 examples in 27 mins is just wonder... hats off.!!
ha! I was expecting this one. You mentioned emmet several times and showed how handy it is. Thanks. I also hoped you'd do this one.
Nice job explaining what each one does. And thanks for talking about highlighter. It's so simple, but I feel increases productivity so much.
Wow. I just switched over from Sublime. This setup tutorial is GOLD!
Just getting started and was looking for a free HTML editor. Found ATOM, but didn't know a lot about it. Love it so far. Thanks for the advice. Loaded all 10 packages. Looking forward to more learning...YEAH!
Thanks Brad, there are a few packages I didn't know about here, so I'll check them out. One package I use that might be worth a mention is PlatformIO IDE Terminal. Cheers.
Hey man I honestly think these videos are approached in a very good way, your voice is very easy to listen to man. I've already learned alot and am using your practices on my own projects. The Sass tutorial really helped me get the grasp of it. Anyways keep it up man!
Do another one of these! I found this super informal, and you were extremely clear and to-the-point.
Youre reading my mind brad. Last videos of yours were exactly what i needed :D
Kinda like me ... snippets of html and css and especially great
th-cam.com/video/aiXNKHKWlmY/w-d-xo.html
What an incredible teacher. Thank you so much for your videos
Thanks, dude. I just started to get into HTML and CSS and Atom, so your guide really came in handy.
Perfect. Quick and to the point and lots of important plugin for atom.
Excellent video for just getting started with the basics of Atom as well.
Hey @Traversy i just wanna say I love your videos, they are really helpful for me and I appreciate your work. Keep up the good work. 👌
Thank you very much doing such a dedicated job.
I knew the channel for a less than a month, and I'm already a big fan! It's inspiring! *Cheers*
Video is old, but still found it very useful. Thanks!
Thanks so much Brad. I learn more from you than in my university
Excellent tips, as usual! thanks Traversy Media! Pigment and TODO's are incredibly helpful
You are the best teacher ever!
Such an awesome text editor. Great share, thanks for ALL your amazing work helping others learn Brad!
I used many ide but just started using Atom IDE for first time.
i had problem finding all the packages i needed with other ides but your video helped me get started with atom really easy
thank you for this video it was very Helpful
thanks por the packages bro!!!
Add to the list: Color Picker, it's a good package for CSS :)
Emmet 2:10
File icons 5:23
Atom live server 7:36
Todo 9:36
Mini-Map 13:38
Pigments 15:42
Linter 18:03
Atom Beautify 22:04
Ask Stack 23:46
Highlight Selected 25:11
Better late than never but thank you again for this video! I find myself using Atom and Sublime text more than Note Pad ++. These packages make things more easier.
Very useful for those who really are Artistic Mind. very good! Thank you.
//TODO: Thank Brad
He has a Patreon account, there you can show your thanks ;-)
#traversy media you r the best tutor. I am trying to learn lot from you. And yet hope to learn lot from you
Awesome!! I wish I watched this last year, time saver THANK YOU - Type CRO
great job - helped old tony alot - thanks
Interesting video/ May have to give Atom a try. Learning some Bash and Python stuff. Still new to Linux so I like to learn how to write simple stuff!
BTW, I like your wallpaper in the video. Reminds me of the old TechTv days with Leo Lapboard ( I think ) and the logo... :-)
Thanks for the video!
LLAP
Great vid, thanks! Just getting back into programming & desperately needed a refresher on these
i am 4 years late but this is still helpful, thank you
I love this video. Thank you so much for sharing.
Thank you. Some of these, will make my life a lot easier.
Thank God I found this!! Very helpful stuff
Great video! My problem was the method selection dropdown box wasn't popping up when I typed a period after an object name. Now it is. Thx again. :-)
Thanks, atom-html-preview is very valuable package
I'd be curious to know if you have any favorite themes you like to use with Atom. I love the Seti theme, because it's clean and functional, but I know everyone will have a favorite of their own. So it'd be cool to know which themes you like, if any!
Keep make such awesome content! :)
You´re the best man! Thanks for these amazing videos
That was very useful and helpful. Thank you! ❤
I recommend the `script` package to run code in atom instead of having to go to the terminal. Press `CMD + i` to after installation to run your code.
Thank you for doing this video. We highly appreciate it!!
Very helpful! Thanks for sharing this information.
This videos is very helpfully thanks a lot
Thanks a lot sir.. You are helping web developers a lot.. Thanks ....
hello, by the time of 11:15 in this video, what keyboard shortcuts do you use to jump from the comment line end to the behind of the brackets, I feel so magical for it, also, such kind of magical usually dressed me so much, can you show me how to do it ? Just for my curiosity. Thank you!
Thanks Brad, Pigments is just what I needed!
you forgot one package for Terminal inside the Atom, it's essential for me, thank you :)
Thank you very much! I'm all set to start trying to code my first webpage:)
Great vid as usual Brad
Made my job so easy, thanks a lot
very useful
- great resources for us
side note
- including the date of the tutorial in the vid's title might help with viewership/subscriptions
ex) 10 Essential Atom Editor Packages & Setup (2018)
- which can be very different from a (June 2017) tutorial ... this could give you a marketing edge
- I'd def click on "2017" or "2018" before a title without a date
- there are some Web Dev vids from 2011-2015 with high viewership... but, they don't work with older HTML5, CSS-3, and JS ... very, very frustrating
** I've actually wasted days, and hours with outdated videos (spec. the linux, VM, and Windows installs)
- if you specify Windows 10 (2017,2018) you might get a noticeable bump in subscriptions and viewership
** there's a lot of outdated material out there which is actually DANGEROUS to watch
** especially installs/intros for XAMP, phpmyadmin, Mysqli ... whether VM for linux (Ruby) is necessary since Ubuntu is on Windows 10 (after 2017 updates)
Thanks again Brad - you're really doing a stellar job,
cheers
y problem is pretty annoying and I cannot figure it out how to fix it. Let's say I already have a text like this: blablabla And i want to add some more like "strong". So whenever I write before my text atom creating double and and everytime I have to delete one, and the same when I wanna add at the end of my text it create double strong as well. Can someone tell me how to fix it?
Amazing Video!
Thank you sir, it's really helpful
outstanding video. Cram packed... nothing but useful info. Tight-tight-tight ;--)
Absolutely great video, and great package guide.. Now my editor looks just as i imagined it to be :-)
amazing video, I guess you fogot about vertical selection select-rectangle
3:03 emmet - html code generation from short code
5:56 file icons
7:34 atom live server- for html
10:01 todo
13:40 mini-map
15:44 pigment
15:55 linter
22:23 atom-beautify
24:17 ask-stack
25:35 highlight-selected
OMG I love this channel.
Thank you so much for this very clear and nice video, just one note: could you please zoom in every things you click at :) thanks !
Very informative video. Thanks.
Brad, you should try Cloud9. Also please do more tutorials on Flask.
If you have issues with color dots after line 48 this is the workaround in atom style sheets:
.pigments-gutter-marker span, .pigments-gutter-marker-in-selection span {
background-attachment: scroll !important;
}
Hey good vid, been following your channel for sometime now and I must say this is how I learn a new programming language. I have atom as a text editor and these packages sure he[p out when doing development, I know you cant fit a lot of package in you video but there is one package that can come in handy and thats they Minimap, helps me get to certain parts of my code that I need to get to quickly.
Can I also make a request for you to do a Laravel beyond the basics course because I leaned the beginners course and I found it very useful however after this you kind of get stuck when you get to polices and gates etc, thanks in advance dude, keep up the good work
Great choices. I use most of them.
For web dev, you would usually use express+notify or webpack. Or some sort of package that would do live server. Why would i want that plugin when i have that kind of setup. Thoughts?
thanks for great video!
can I make autosave in atom for like every 10 seconds? Cause I use auto refresh plugin, but I still need to press ctrl+s every time I wanna see changes that I just make
Great video, Thank you very much sir. Please make another video on how to create folders, I can't find my projects.
TOP CONTENT! Thx for the tipps. This will save me a lot typing work! :)
Helpful. Thank you!
Really helpful. Thanks!
Thanks :) Waiting eagerly for #EmmetCrashCourse ;)
Thanks man, very useful!
Thanks man. Helped a ton
Outstanding video! What about a video on debugging node.js?
Hi Brad, have you come across a good package for prompting relative path locations in Atom? Like when typing srcs or hrefs? I use webstorm for this but really like Atom as it's much lighter and find it's more configurable in terms of using only what I need at a given time.
Great tutorial! Thanks!
very nice packages i liked !
Thanks for the videos. Really informative!
Which code editor do you prefer Atom or VS Code?
Do you have any recommendations for a Ruby (Rails specifically) and Node debugger for Atom? Also, Emmet is is great. It makes HTML so much faster.
Very helpful thanks!
Thanks for suggestions! Is anyone trying to use atom-react-autocomplete ? I couldn't get it to work for some reason
This tutorial is great
Thank you i like this editor better then sublime
I needed this video about a week or two ago. Haha. Thanks for the upload though!
thanks for that! its very helpful!
Alright so I'm a total noob at all this but when following along with you at 3:46 when I hit the "Tab" key nothing happens? I have looked all over the web on how to fix this but I cant seem to figure it out.
I use Netbeans IDE for web development. But this video is very helpful. I'll checkout these plug-ins if I start using Atom. +1 for the video. Thanks
Thanks..I love Netbeans for PHP and Java
Between Netbeans and Eclipse, which one would you recommend for Java and/or PHP development?
I have not personally used Webstorm but I know alot of people that have and I have seen it in other tutorials, etc. I liked what I have seen of it.
Traversy Media wow thank you so very much for the response love your videos and content thanks for talking with us also.
Amazing video as always! Thank you so much for this video, I want to ask you I have seen a lot of your tutorial series, you have used windows system for development, any particular reason for using windows as a development platform? just curious.. Thanks once again.
I have always been a Windows guy even before I started programming because I was into gaming PCs and I did computer repair. I also have hardware and other software that needs windows to run. I also use it because I create videos and I know many new guys have windows. I want everything to be easy to follow. Chances are a linux or mac user fully understand windows but not the other way around. But if you are asking if I have a specific reason for development, no. I actually really like developing on Linux.
Ok :) Thanks for the reply. Thank you once again for all your hard work..really helps..appreciate it!
Thank you for share! I like those plugins!
yes yES YES I SEE THE LIGHT NOW!!!
that was really good....
Very Good. very helpful