Mac으로 편안한 작업 환경 구축(Hyper편)

Mac에서 편안한 작업 환경을 구축하기 위해 Hyper라는 터미널 응용 프로그램을 가져옵니다.

Hyper

Hyper
전자 (HTML+CSS+React+Redux) 기반 터미널 응용 프로그램입니다.
Windows 및 Linux는 Mac 외에도 작동합니다.

Hyper 설치

$ brew cask install hyper

홈브루에 가입하지 않았다면 사이트 제목 에서 다운로드할 수 있습니다.

일본어 코드 대책

.bash_profile 또는 .zshrc LANG 환경 변수 추가

export LANG=ja_JP.UTF-8

Hyper 명령

$ hyper help
  Usage: hyper [options] [command]

  Commands:

    <default>                    Launch Hyper
    d, docs, h, home             Open the npm page of a plugin
    help                         Display help
    i, install                   Install a plugin
    ls, list                     List installed plugins
    lsr, list-remote, ls-remote  List plugins available on npm
    s, search                    Search for plugins on npm
    u, uninstall, rm, remove     Uninstall a plugin

  Options:

    -h, --help     Output usage information
    -v, --verbose  Verbose mode (disabled by default)

hyper를 설치하면 hyper 명령을 사용할 수 있습니다.
명령을 통해 테마와 플러그인을 설치할 수 있습니다.

Hyper 테마 설치

$ hyper i hyperterm-material

추천 주제는 hyperterm-material 입니다.
자신의 취향에 따라 선택하세요Hyper 테마😊

포켓몬 테마가 되고 싶은 상황.

재미있는 주제는 포켓몬 주제가 있다.

$ hyper i hyper-pokemon

~/.hyper.js

  config: {
    pokemon: ["random", "pikachu"],
  },
  plugins: {
    "hyper-pokemon",
  },

폭발력으로 종착역을 포켓몬으로 만들다

klaussinani/hyper-pokemon

[포켓몬 테마 일람] https://klaussinani.github.io/hyper-pokemon

Hyper 플러그인 설치

hyper i hyper-statusline
hyper i hyper-search
hyper i hypercwd
hyper i hyper-opacity
hyper i hyper-pane
hyper i hyper-tab-icons-plus

hyper-statusline

현재 디렉토리 이름과 Git 로컬 저장소의 현재 분기 이름을 표시합니다.
현재 디렉터리 이름을 누르면 검색기를 표시하고, 브랜치 이름을 누르면 브라우저에 원격 저장소를 표시합니다.
매우 편리한 플러그인.

hyper-search

이제 터미널의 문자열을 검색할 수 있습니다.

hypercwd

새 탭을 열 때 현재 디렉터리와 같은 차원에서 열 수 있습니다

hyper-opacity

배경의 투명도를 설정할 수 있습니다.

hyper-pane

제어 + 옵션 + 숫자로 구분된 옵션 카드를 전환할 수 있습니다.

hyper-tab-icons-plus

태그 제목에 아이콘을 표시합니다.
그것의 장점은 npm 서버가 시작하는 동안이나 php 서버를 시작할 때 이 언어의 아이콘을 표시하는 것이다.
서버를 이중 서버로 설정하려고 하면 오류가 발생합니다.

bash

추적 .bash_profile 또는 .bashrc

case "$TERM" in
xterm*|rxvt*)
    PROMPT_COMMAND='echo -ne "\033]0;${PWD##*/}\007"'
    show_command_in_title_bar()
    {
        case "$BASH_COMMAND" in
            *\033]0*)
                ;;
            *)
                echo -ne "\033]0;${BASH_COMMAND} - ${PWD##*/}\007"
                ;;
        esac
    }
    trap show_command_in_title_bar DEBUG
    ;;
*)
    ;;
esac

zsh

추적 .zshrc

# Override auto-title when static titles are desired ($ title My new title)
title() { export TITLE_OVERRIDDEN=1; echo -en "\e]0;$*\a"}
# Turn off static titles ($ autotitle)
autotitle() { export TITLE_OVERRIDDEN=0 }; autotitle
# Condition checking if title is overridden
overridden() { [[ $TITLE_OVERRIDDEN == 1 ]]; }
# Echo asterisk if git state is dirty
gitDirty() { [[ $(git status 2> /dev/null | grep -o '\w\+' | tail -n1) != ("clean"|"") ]] && echo "*" }

# Show cwd when shell prompts for input.
tabtitle_precmd() {
   if overridden; then return; fi
   pwd=$(pwd) # Store full path as variable
   cwd=${pwd##*/} # Extract current working dir only
   print -Pn "\e]0;$cwd$(gitDirty)\a" # Replace with $pwd to show full path
}
[[ -z $precmd_functions ]] && precmd_functions=()
precmd_functions=($precmd_functions tabtitle_precmd)

# Prepend command (w/o arguments) to cwd while waiting for command to complete.
tabtitle_preexec() {
   if overridden; then return; fi
   printf "\033]0;%s\a" "${1%% *} | $cwd$(gitDirty)" # Omit construct from $1 to show args
}
[[ -z $preexec_functions ]] && preexec_functions=()
preexec_functions=($preexec_functions tabtitle_preexec)

프로파일

~/.hyper.js에 구성 파일이 생성되었습니다.

  config: {
    // hyper-opacityプラグインの設定
    opacity: 0.85,
    // 範囲選択するとクリップボードにコピーされる
    copyOnSelect: true,
  },
  plugins: [
    "hyperterm-material",
    "hyper-statusline",
    "hyper-search",
    "hypercwd",
    "hyper-pane",
    "hyper-tab-icons-plus"
  ],

구성 파일의 변경 사항은 다시 활성화로 반영됩니다.
플러그인은 파일을 수동으로 쓰고 저장하는 동시에 반영을 설치할 수도 있습니다.
테마가 바로 반영되지 않을 때가 있으므로 강제로 다시 불러오십시오.

Hyper 단축키

Command+, 프로필 열기

Command+T 새 레이블 열기

Command+N 새 창 열기

Command+D 세로 분할 패널

Command+Shift+D 횡단면 패널

Command+Shift+I Developer 도구 열기

Command + { 이전 레이블

control+Shift+tab 이전 레이블

Command + } 다음 탭

control + tab 다음 레이블

Command+[ 이전 패널

Command + ] 다음 패널

Command+K 버퍼 제거

Command + F 검색 양식 표시

hyper-search 플러그인 설치

Command + G 다음 키워드

Command+Shift+G 이전 키워드

Command+R 재부팅

Command+Shift+R 강제 재부팅(예: 주제 변경 내용 다시 읽기)

Command++ 화면 확대

Command + - 화면 축소

Command+control+F 전체 화면

Command+M 최소화

프로필 요약

나는 최종 나의 설정 파일을 정리하고 있다.

.hyper.js

.bashrc

.zshrc