Zsh Autosuggestions는 Oh My Zsh & Hyper에 플러그인과 테마가 있는 자동 완성 기능을 설정하는 데 사용되는 초보자 가이드입니다!

일반 bash에는 일반적으로 필요한 기능이 있을 수 있지만, 일반 터미널 사용자라면, zsh는 명령을 입력하는 방식을 바꿉니다.
zsh,ohmyzsh,hyper가 함께 제공하는 기능은 당신을 놀라게 할 것입니다.

Did you know you can control Spotify from your terminal? Yes, Hyper Plugins allow you to do that.

초보자에게는 이런 것들을 설치하는 것이 매우 어려울 수 있기 때문에 여기에 매우 간단한 입문 안내서가 있습니다!🤩

🔥 소개하다.

아래와 같은 일반 터미널을 사용하면 Oh MyZsh에서 제공하는 많은 기능을 잃어버립니다.

오늘 너는 단말기 개조를 해서 그것을 이렇게 보일 것이다.

외관뿐만 아니라 Oh MyZsh는 풍부한 기능을 제공하여 당신의 프로그래밍 여행을 더욱 가볍게 합니다.
이 강좌의 마지막 부분에서 터미널에서 실행할 수 있는 동작입니다.

NPM, Git 자동 완성

터미널 입력 시 자동 권장 사항

명령을 정의했는지 알려주는 문법 강조 표시

커서로 터미널 편집 명령

현재 디렉토리git branch 및 git status 참조

현재 탭

디렉토리와 동일한 새 탭을 엽니다.

OhMyZsh 기능을 사용합니다. 예를 들어 cd 내비게이션을 사용하지 않거나 ll, 옵션 카드를 기반으로 클릭한 내비게이션을 더욱 쉽게 사용할 수 있습니다!

❤️ 시작하다

먼저 설치해야 합니다zsh.실행 중인 운영 체제에 따라 어떤 경우에는 이미 설치되어 있을 수 있습니다.따라서 터미널에서 zsh --version를 실행하여 설치되었는지 확인하십시오.
운영 체제에 따라 zsh 설치 프로세스가 다릅니다.zsh를 설치하기 위해 검사Zsh Installation Guide합니다.
Zsh를 설치한 후 기본 셸로 설정해야 합니다.터미널에서 다음 명령을 실행하십시오.

$ sudo chsh -s $(which zsh)

로그아웃하고 기본 셸에 다시 로그인합니다.실행echo $SHELL과 출력/bin/zsh 또는 유사합니다.

🔰 Oh MyZsh 설치

Note that zsh and OhMyZsh are different.

터미널에서 다음 명령을 실행하여 설치OhMyZsh합니다.

$ sudo sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Oh My Zsh를 설치할 때 많은 플러그인이 도움을 줄 것입니다!
유용한 플러그인을 추가하려면text 편집/Notepad/Vim/VScode~/.zshrc에서 엽니다.
파일에 표시된 플러그인 목록에 npm라는 플러그인을 추가하면 다음과 같다.👇

plugins=(
  git
  bundler
  dotenv
  osx
  rake
  rbenv
  ruby
  npm # you added this
)

봐라!너와 Oh My Zsh는 끝났어!변경 사항을 보려면 터미널에서 source ~/.zshrc 실행하십시오. 현재 Oh MyZsh 케이스 기능이 있습니다.

🔰 Zeit 하이퍼터미널 설치

Zeit(now.sh와Next.js의 창설자)는 Electron에 내장된 훌륭한 터미널 프로그램을 만들었습니다.
here에서 Hyper를 다운로드합니다.

⚛️ Oh MyZsh를 사용하여 Hyper 구성

하이퍼터미널을 엽니다.너는 Oh My Zsh가 그곳에서 달리는 것을 보지 못할 것이다.그래서 초설정에 들어갑니다.OSX에서는 Hyper > Preferences입니다.
이것은 당신이 가장 좋아하는 편집기에서 .hyper.js 파일을 열 것입니다.이 파일은 터미널의 모든 설정을 포함하여 제어하기 쉽습니다!
Hyper에서 Oh MyZsh를 기본 셸로 사용하려면 .hyper.js에서 변경합니다.👇

- shell: '/bin/bash'
+ shell: '/bin/zsh'

이것은 Oh My Zsh를 기본 슈퍼 터미널 케이스로 만들 것입니다!

🤩 명령을 입력할 때 자동으로 완성

Git는 Oh MyZsh plugin 폴더에서 클론zsh-autocomplete 플러그인을 복제합니다.

$ sudo git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

완료되면 플러그인을 ~/.zshrc 파일의 플러그인 목록에 추가합니다.

plugins=(
  ...
  zsh-autosuggestions
)

🎉 Zsh sytax 강조 표시

Git는 Oh MyZsh plugin 폴더에서 클론zsh-syntax-highlighting 플러그인을 복제합니다.

$ sudo git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

.zshrc 파일의 플러그인 목록에 다시 추가합니다.

plugins=(
  ... 
  zsh-syntax-highlighting
)

Note: To reflect every change you make, do source ~/.zshrc in the terminal.

📯 하이퍼관련성 및 주제 사용

하이퍼터미널 설정을 전환하여 엽니다.hyper.js.plugins: [...] 부분을 보고 플러그인 이름을 붙여넣으십시오.

plugins: [
  ...
  'hypercwd',
  'hyper-statusline',
  'hyper-alt-click',
  'hyperterm-safepaste',
  'hyper-search',
  'hypergoogle',
  'hyperborder',
  'hyper-tab-icons',
  'hyper-hide-title',
  'shades-of-purple-hyper'
],

파일을 저장하면 Hyper에서 자동으로 플러그인과 테마를 설치합니다.이러한 변화를 반영하려면 슈퍼 터미널을 닫고 다시 시작하십시오.
만세!이제 터미널에 이 DEV.to 기사의 시작 부분에 나열된 모든 기능이 있습니다.

이점: 통합 터미널의 경우 VScode에서 동일한 터미널 구성을 설정합니다.

VScode 설정에서 다음 JSON 키 값 쌍을 추가하면 시작됩니다!

{
  ...
  "terminal.integrated.shell.osx": "/bin/zsh",
  "terminal.integrated.fontSize": 16
}

그렇습니다, 점원들!

🔥 리소스

https://ohmyz.sh

https://hyper.is

🏆 나에 관하여

저는 Kumar Abhirup입니다. 인도에서 온 16세의 자바스크립트 개발자입니다. 매일 새로운 것을 배우고 있습니다.
My personal website and portfolio 🖥️
아래에서 당신의 더 좋은 방법과 본문을 개선하는 건의를 평론해 주십시오. :)