My AMAZING Terminal Setup - Hyper, Oh My Zsh, Fig.io, and More!
HTML-код
- Опубликовано: 30 июн 2024
- I show you everything I did to set up my Hyper terminal with Zsh, Oh My ZSH, and Fig.io. I also show you how to customize your terminal with themes, plugins, configurations, and more. Lastly, we'll look at installing Powerline fonts to get cool icons in your terminal prompt!
*Exclusive Contenda onboarding Link - contenda.co/jamesqquick
This tweet has tons of suggestions from other developers - / 1571987629754974210
** Resources **
Hyper Terminal - hyper.is/
Powerline Fonts - github.com/powerline/fonts
Oh My Zsh - ohmyz.sh
Top 12 Oh My Zsh Themes - travis.media/top-12-oh-my-zsh...
Cobalt 2 Theme for Hyper - github.com/wesbos/hyperterm-c...
Fig.io - fig.io/
** Timestamps **
00:00 - Intro
01:40 - Sponsor: Contenda
02:30 - What is Hyper Terminal
03:50 - What is Zsh and Oh My Zsh
05:30 - Reviewing my Terminal
06:30 - Zsh and OhMy Zsh Setup
07:30 - Oh My Zsh Themes
09:20 - Oh My Zsh Plugins
10:20 - Customizing Hyper - Themes, Configurations, and Plugins
13:00 - Powerline Fonts
15:30 - Magic Terminal with Fig.io
16:20 - Wrap Up
STAY IN TOUCH 👋
Check out the Podcast - compressed.fm/
Newsletter 🗞 - www.jamesqquick.com/newsletter
Live streams on Twitch 🖥️ - / jamesqquick
Follow me on Twitter 🐦 - / jamesqquick
QUESTIONS...?
Join the Discord Server 💬 - / discord
Want to know what hardware and software I use? www.jamesqquick.com/uses
Learn Web Development 📖 - www.jamesqquick.com/courses
'cd' without any dot or parameter brings you always back to home.
thanks for this. I usually use iterm2 but for my m2 mac I wanted to use something different and this video helped me setup a cool terminal
I like it! Mine is a bit different because I use everything on the terminal; I use it as my text editor, I use it as a file-manager, system-manager, ect.
I use fish as my shell and alacritty as my emulator. They're pretty different so that's why I enjoyed watching your config.
Nice, I use basically the same things except for using it file managing because it's hard to rewire my brain to not think of it as graphical folders
I am using Airplane theme for almost more than 4 years now and still my goto OZSH theme + FiraCode font. For my plugins, these are standard for me on any setup: git, zsh-syntax-highlighting, zsh-autosuggestion, colorize and jump
I love “Oh My ZSH”! Great video and I found some new fun stuff to try out!
Glad you enjoyed it!
Thanks James! Really helpful
Awesome video! Would love to see a new Svelte video, I know that Vite is the build tool used now, and would love to have a step by step walkthrough on setting up a new Svelte project from scratch.
Interesting. Are you looking for how to setup a new project or build a project. For setup, I would use the npm command "npm create svelte@latest my-app"
@@JamesQQuick I actually figured it out. I used the same command that you gave me. Regardless, I would still love more Svelte videos 😂 keep up the great work
Great video James
Thanks Kelvin!!
Amazing video. I tried using Hyper, but my Macbook Pro is a 2012 model and it didn't work well. The machine gets too hot, but I bought a MacBook Air M1 and I will test it again, I will use your video as a base. Thanks for sharing!
Ah very cool. Glad you're able to use it now!
Nice video. This stuff is down to preference. FYI
Fish shell give features like Fig plus a lot more out of box.
Terminals, suggest Kitty or Alacritty 2 of the hottest right now.
Advance Prompt, suggest Starship
Thanks for the recommendations!!
Fish's autocomplete can't replace Fig, because:
1. Fig has better interface;
2. Fig is intelligent: it can autocomplete npm scripts in YOUR project; YOUR running docker containers, existing images etc.; installed brew packages and running processes; git commands; and a lot of other intelligent stuff;
3. It's not an autocomplete only tool anymore. Fig became an app that can customize your shell; save/update/load your dotfiles; contribute to autocompletions or create your own local autocompletions.
@@StrikerFeed Sure Fig is great, I just was saying Fish has something’s out of the box that are nice. Can’t really compare a shell with the Fig app, 2 different things.
I was an Hyper user until MS released the new Command Prompt. It is very good.
6:05 I think you are looking for "pwd" :)
looks nice
Hyper is EXACTLY the minimalism I was searching for.
lol🤣🤣🤣
too bad its electron
try st if you want minimalism, lmao
Fig looks very interesting!
To reload ZSH configration, run `source ~/.zshrc`
I know it was something liek that lol
Also you can change configure the path for any them using the prompt_dir() function. I also dislike having the full path. I usually like to have only the current dir or current and parent only. I used the following code to do parent/current for the agnoster theme
prompt_dir() {
prompt_segment blue $CURRENT_FG '%2~'
}
Helpful video I’ve tried to customize the terminal or third parties ones and it’s a mess. For the background transparency the default is good for that because in preferences you can change the color the transparency and the blur I think so I stick with it and fig
Thanks for the feedback!
I really wanted to use Hyper, it looks great, i tried, but because the fact that it uses Electron, it is slow (at least on my PC). One of the annoyances is when i was about to close the window and the program just crash and i had to manually kill the process. Not only that, but with Edge, VS Code and Hyper opened, that's pretty much 3 whole browsers consuming entirely my 8GBs of RAM.
ah yeah I've heard that from other people. Definitely a good callout!
If you want the sort of intellisense I'd recommend using fish instead. Id build autocompletion for everything based on your man.db (internal manual pages) and you can also add custom auto completions by injecting custom stuff
Try Warp. Written in rust and it's fast 🔥
@@alveek Alacritty and Wezterm are also good rust options depending on your use case
@@nieldrummond1538 didn't know about Wezterm. Really good, thank you.
Nice vid!! Hyper FTW
Yeahhhh!!
Hey now I'm kinda more curious about vite. Would there be a possibility to implement either vite or parcel or something like that into a existing mithrilJS application (not my choice of framework, but I just started as a jr fullstack dev here and they've been expanding this web-app for the last 9 years).
As some extra info, they used to run gulp and code in visual studio (no clue why, even our boss doesnt know why they went for that) so I build a custom dev, dev+watch and js+css bundler in an hour to replace it and allow me and my coworkers to use vscode instead. But its def not perfect and I was curious about a more polished solution for this.
`fig` is electron, monitor your terminal and eat at least 1GB memory. TAB completion is fast, local, and up-to-date. No need to use `fig` at all!
I tried hyper and didn't like it since only benifit I found from using it is that the configuration is really straight forward. It's kinda slow and uses a lot of ram since is electron based. Right I'm using WezTerm since its fast, cross platform (I use Windows and Linux), written in rust (the godsend of programming languages) and REALLY customizable.
Terminal, the last thing I need the entire Chrome browser for
How in the world you find your self completely fine using an entire browser just for running few terminal commands
Works for me, but definitely worth calling out
and what's the difference from a standard terminal utility?
OR you can install Iterm2 and configure all the options from the UI in a few seconds
+ install zsh + oh-my-zsh + powerlevel10k + zsh autocomplete plugin
and that's it
iterm2 has much more support, faster, more customizable, packed with a lot of features
Cool!
Btw I just want to tell you that I always watch your videos and benefit from almost all of them!
Thanks for the effort and dedication!
If you're on a mac, I can't recommend iTerm enough. Probably a competitor to Hyper, and as I'm not familiar with Hyper, so I can't make an apples to oranges comparison. Might make a good video!
Also, it's okay if you want to pronounce "zsh" as "zish." 😄
I've used iTerm before and enjoyed it. I honestly don't know how they compare to much specifically but definitely enjoying hyper as well
that just feels weird to me lol
How do you get the autocomplete directories as shown at 7:12? My installation doesn't have that. Answer after watching the rest of the video - Fig, but looks like its Linux version is still in closed beta.
How do you get the beautify settings overlay in viscose 3:15 ?
How do you get the folder in the bottom left corner with the branch your on in the right corner ?
oh i see - the plugin - "Status Line Plugin"
How to open hyper terminal in current directory ???? if in current directory i put cmd it opens it in current directory but not the same case with hyper
FYI it's `pwd`, not `cwd`. I think you were having a little Python moment there.
bahahaha did I really?!?! OMGOSH hahaha Thanks for putting up with me :)
one of the cool things is..."that its build with electron" like.. it is a feature and not a major limitation. lol
Who the hell sees an electron terminal and thinks "oh hell yeah!"
i cant get hyper terminal to take the colors of the cobalt theme
Nerd fonts is all one need
At 9:15 how did u open Hyper which extension did u use?
It's raycast
Just use Warp
I like this, but if I run a linux based system I'd rather use the fish shell, oh-my-fish and use bass to get nvm going with fish (cus nvm is not supported on fish by default)
I use volta, it's my goto replacement for nvm because for me personally nvm feels slow and missing a lot of features. And fish + oh-my-fish is what I use, replacing my old zsh setup
@@rian7079 oh damn I had never heard of volta. I only use nvm cuz I used to also have it on windows.
does customization for windows 11 has how???
there is no fig for linux?
fig is deprecated, they left the page up and installs are now broken..
how to set it as default terminal on macos
When are u gonna do another live ??
Live stream? I'll be doing a lot more starting in October!
Fig only available for Mac os currently 😑
On its way for Windows and Linux :)
built with Electron...that stopped me watching the video.
video idea: non-Electron apps and tools for blazingly fast desktop experience!
Apple changed to zsh not because It's popular but for copyrights/legal stuff.
wait... emacs eshell does most of these things out of the box and much more.
Very cool!
Euwww electron, better stay away out of my rust terminal
lmao whatever works for you!
You wanted to use "pwd" not "cwd" to know the current folder you're in.
imagine using electron based terminal
I don't have to imagine...it's what I use :)
@@JamesQQuick setup flex
electron apps take a while to be functional in my machine
Oh my posh i thinl it's more minimal
Ah yeah, I've heard about that. Haven't tried it myself!
@@JamesQQuick in powershell we can also install any command completion by installing module from psgallery, and thats owesome
The real chad uses Linux
Nah, man. Terminal in electron is the last thing I want my terminal to be
Artık var
great video dude. just be careful because a person new to programming and development can get lost in all the tools, tooling, and apps and never get any work done. just learn your language/framework first before customizing your tools. how about just use Warp terminal or the built-in terminal in vscode?
It definitely can be overwhelming. it still overwhelms me some haha
I use Iterm2 i like it better
Awesome! What do you like more about it?
pwd should work instead of cwd
hahaha yeah I totally blanked and typed the wrong thing
@@JamesQQuick Hahah totally happens. And you are so right about this terminal customization being confusing. A few weeks ago I messed up a setting and it took me over an hour to get my terminal back to how I had it previously. I now keep a copy of my .zshrc file handy in case that happens again. haha. Thanks for the video!
@@alexmaldonado7209 Such a good idea. Where do you keep your copies btw? I know a lot of people do Github repos. I feel like I should do that at some point
@@JamesQQuick Ahh github repo would be a great idea. That way I have access to it whether I am on a work or personal machine. I just keep mine in the notes app on mac haha but I may put things like that in a repo. Thanks for that idea!
After you hear the app is based on electron you should stop the video because someone trying to tell you how cool the app on the one of the slowest engine in the world.
For example the IDE - ATOM. It’s the child who was born deadly. Like the other apps on the electoron.
pwd not cwd
OMZ just try to sell you t-shirts and shit, when you only need 8-10 lines of code to do exactly the same (but you don’t get all the bloat). Ohhh my zhit sucks.
its pwd not cwd
lol yeah I figured that out
Install warp and forget about all of this 🤣🤣🤣🤣
Yay glad to hear that!
you lost me at electron
This was a lot of talking - no step by step intructions
most ambiguous instructions ever, it s there but it s not, coouldn t take 5 seconds to put his vocabulary in check, bye
hmm, not sure exactly how to act on that feedback. Thanks for watching though!
06:05 - Its "pwd" not "cwd" :) @james
oof. cwd. i felt embarrased for you. you make a whole video on how to make your terminal emulator/shell pretty but you're barely competent actually using it.