맥북 초기 세팅 기록

맥북 세팅

1.홈브루 설치

홈브루 홈페이지 들어가서 커맨드 붙여넣기

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

(설치할 때 Xcode command Line 설치하냐고 물어보면 엔터눌러서 설치하고 터미널에 echo ~~ 이런거 복붙함)

2.필요한 패키지 및 어플리케이션 설치

Brew install —cask 하면 맥용 어플리케이션을 설치할 수 있음

brew install —cask visual-studio-code google-chrome slack iterm2

Brew install 하면 패키지 설치 가능

Brew install node 로 node 설치

brew install yarn —ignore-dependencies

node 빼고 yarn 설치

brew install gh

으로 git 도 설치

3.터미널 커스텀

Item에서 Appearance > General : Theme : Minimal
Profiles > Session 에서 status bar enabled : 필요한거 active
Iterm color skin : After glow
https://iterm2colorschemes.com/
여기서 다운받으면 됨

Oh my zsh 설치

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

설치 후 powerlevel10k 설치

git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ${ZSH_CUSTOM:-$HOME/.oh-my-zsh/custom}/themes/powerlevel10k

설치하고

code ~/.zshrc 들어가서
ZSH_THEME="powerlevel10k/powerlevel10k" 수정 하고 설정

Zsh-autosuggestions

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

Syntax-hightlighting 플러그인 설정

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

code ~/.zshrc 들어가서

plugins=(
  git
  zsh-autosuggestions
  zsh-syntax-highlighting
)

4.VS code 설정

터미널 폰트 설정
Setting > terminal font 검색 > integrated font : MesloLGS NF

에디터 코드는 D2 로 바꿈

1. 익스텐션 설치

• Auto Import
• Auto Rename Tag
• Code Spell Checker
• Material Theme Icon
• CSpell Tech Updater
• Error lens
• git Graph
• HTML CSS Support
• eslint
• prettier
• vscode-styled-components

등등..
2. 에디터 세팅

  "files.autoSave": "afterDelay",
  "editor.tokenColorCustomizations": {
    "comments": "#FFC2C2"
  },
  "editor.formatOnSave": true,
  "explorer.compactFolders": false,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "typescript.updateImportsOnFileMove.enabled": "always",
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],
  "javascript.updateImportsOnFileMove.enabled": "always",
  "eslint.workingDirectories": [
    {
      "mode": "auto"
    }
  ],
  "eslint.codeAction.showDocumentation": {
    "enable": true
  },

세이브 명령어 컨트롤 + s 로 변경
-> 세팅 탭에서 바로가기 키 여기서 변경

여기까지 기본 세팅...

• 카라비너 설치해서 한영키 바꾸기..
• 마그넷 설치...