2021년 개발자의 Mac 설정

15043 단어 macos ruby setup tutorial

나는 Mac 컴퓨터를 BigSur로 업그레이드하고 출하 설정을 다시 설정하기로 결정했다.여기 0부터 시작하는 튜토리얼이 있어요.🚀

첫번째 일

먼저 자체 제작 소프트웨어와 필요한 응용 프로그램을 설치한다.네가 원하지 않는 어떤 앱도 마음대로 건너뛰다

패키지를 관리하기 위해 설치HomeBrew합니다.그것은 통을 따라 오기 때문에 응용 프로그램을 설치하는 것은 매우 수월한 일이다😌

  /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

그런 다음 brew를 사용하여 권장 응용 프로그램을 설치합니다.

Iterm2 터미널 향상

brew install iterm2

더 나은 브라우저를 위한 Brave

brew install brave-browser

Rectangle 창 관리용(안경 설정 사용)

brew install rectangle

암호 관리용 1Password

brew install 1password

VSCode 편집

brew install visual-studio-code

Atom 다른 편집자

brew install atom

Discord

brew install discord

Kap 화면 녹화에 사용 (아래gif를 만들 때 사용합니다)

brew install kap

Make your terminal pretty

이것이 최종 모양새입니다.

설치Oh My Zsh

  sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

Oh My Zsh에 테마 설정하기 (분해기 사용)

open ~/.zshrc
ZSH_THEME="theunraveler"

[옵션] iTerm에 색상 테마를 설정합니다. (제가 좋아하는 테마는 다음과 같습니다Clovis

  Download the .itermcolors file from:   https://github.com/Clovis-team/clovis-open-code-extracts/tree/master/utils
  Preferences -> Profile -> Colors -> Import

설정ZSH suggestions

brew install zsh-autosuggestions

설정ZSH Syntax highlighting

brew install zsh-syntax-highlighting

iTerm2 창 모양 개선

Open iTerm2, and go to:
Settings -> Appearance -> Theme: Minimal

글꼴을 Menlo로 변경(기본적으로 사용 가능)

Preferences -> Profile -> Text -> Font: Menlo

또는 사용자 정의 글꼴을 설치합니다.나는 Nerd Fonts의 Hack 글씨체를 좋아한다(gif에서 사용하는 글씨체)

brew tap homebrew/cask-fonts
brew install font-hack-nerd-font
brew untap homebrew/cask-fonts

기타 언급할 만한 글꼴:

- Fira Code 
- Source Code Pro
- Cascadia 
- Font Hack 
- Nerd Fonts

iterm 꼭대기의 last login 파이프를 뜯어내다.

cd ~ ; touch .hushlogin

[선택 가능] 저는 터미널에서 로밍하는 것을 좋아합니다. 코드 편집기에서 로밍하는 것처럼 옵션+화살표를 사용하여 단어를 로밍합니다. 추가 키 맵

이 있는 gist on github을 만들었습니다.

BigSur에 있는 사람의 방주

어떤 이유로 MacOS가 iTerm2를 요청하는 데 필요한 모든 권한을 잊어버려서 홈 brew를 사용할 때 업데이트가 끊겼습니다.이 문제를 해결하려면:

Open Security and Privacy -> Privacy Tab -> Full Disk Access -> Enable iTerm

루비 환경

나는 최근에 ruby-install와 chruby로 대체하기 시작했다rbenv.
이 솔루션은 사용하기 쉬운 경량급 솔루션입니다.

brew install ruby-install
brew install chruby

그리고 최신 안정적인 루비를 설치합니다.

ruby-install ruby

크루비가 이 버전을 기본 버전으로 설정하고 필요에 따라 버전을 변경할 수 있도록 합니다.폴더의 루비 버전 파일입니다.
이 점을 하려면 당신에게 첨부해 주십시오.zshrc:

source /usr/local/opt/chruby/share/chruby/chruby.sh
source /usr/local/opt/chruby/share/chruby/auto.sh
chruby ruby-2.7.2 # <- Your installed version here

힐로쿠클리 호텔

brew tap heroku/brew && brew install heroku

VScode 설정

VScode를 설치한 후에는 비대해진 기본 설정부터 시작하겠습니다.

더 깨끗해 보이기 위해:

설정cmd + ,을 열고 코드 글꼴 또는 기타 기본 글꼴로 추가Fira Code:

그런 다음 설정에서 하이픈을 검색하고 설정 편집을 클릭합니다.json, 하이픈 줄을 다음과 같이 변경합니다.

"editor.fontLigatures": true

확장자cmd + shift + x나 사이드바에 있는 마지막 단추를 열고 더 좋은 테마를 설치합니다.나는 어두운 주제를 좋아한다.또한 Prettier를 설치합니다.

그런 다음 설정을 반환하고 저장할 때 형식을 활성화합니다.이제 포맷 코드가 아닌 인코딩에 집중할 수 있습니다🚀

-> Open settings
-> Check the box for Format on Save

잡동사니를 제거하라!

작은 지도, 밑에 있는 상태 표시줄, 왼쪽에 커다란 단추가 있는 활동 표시줄을 제거하십시오.

-> Open the VSCode commands ( cmd + shift + P )
-> Toggle Activity Bar Visibility 
-> Toggle Status Bar Visibility 
-> Toggle Minimap

얼마 안 남았어!마지막 일은 유용한 단축키를 추가하는 것이다.내가 사용하는 모든 프로그램에서 cmd+1을 호출해서 첫 번째 옵션을 전환하고 cmd+2를 호출해서 두 번째 옵션을 전환할 수 있다.VScode에서 이 작업을 수행하려면 단축키 설정cmd+k cmd+s을 열고 오른쪽 위 모서리를 클릭하여 키보드 단축키를 열고 다음 단축키를 추가합니다.

[
    // Open tabs with CMD    
    {
        "key": "cmd+1",
        "command": "workbench.action.openEditorAtIndex1"
    },
    {
        "key": "cmd+2",
        "command": "workbench.action.openEditorAtIndex2"
    },
    {
        "key": "cmd+3",
        "command": "workbench.action.openEditorAtIndex3"
    },
    {
        "key": "cmd+4",
        "command": "workbench.action.openEditorAtIndex4"
    },
    {
        "key": "cmd+5",
        "command": "workbench.action.openEditorAtIndex5"
    },
    {
        "key": "cmd+6",
        "command": "workbench.action.openEditorAtIndex6"
    },
    {
        "key": "cmd+7",
        "command": "workbench.action.openEditorAtIndex7"
    },
    {
        "key": "cmd+8",
        "command": "workbench.action.openEditorAtIndex8"
    },
    {
        "key": "cmd+9",
        "command": "workbench.action.openEditorAtIndex9"
    },

    // Toggle the leftmost bar with the huge icons
    {
        "key": "cmd+ctrl+b",
        "command": "workbench.action.toggleActivityBarVisibility"
    },
]