我的 2021 年新 Mac 配置

我今天装了一台新的 Mac 来工作。以下是我在 Mac 上进行全栈 Web 开发时用到的所有工具。

与米娜·马克汉姆 (Mina Markham)不同，我选择不自动化我的设置，因为我每年只做一次，并且我希望每次都能做出有意识的改变。

我之前曾在此页面的旧版本中跟踪过 2018 年至 2020 年期间的新 Mac 设置。

1小时视频演示

操作系统/浏览器设置

• 浏览器：下载Chrome，设置为默认。
• 登录：（这有助于登录以下其他服务）
  • 叽叽喳喳
  • Github（下面有更多设置说明）
  • Gmail
• 系统设置：
  • 禁用 Spotlight 搜索除应用程序和系统偏好设置之外的所有杂项
    • 包括愚蠢的开发者选项（确保将Xcode.app添加到 /Applications 而不是 /user/swyx/Applications）
  • 禁用“询问 Siri”
  • 设置为大光标以便在演示过程中可访问
    • 执行此操作时会出现一些内存泄漏的报告
  • 修复触控板方向：触控板->滚动和缩放-自然关闭
  • 禁用字典查找：触控板 -> 点击 -> 关闭查找和数据检测器
  • （如果使用 Windows 键盘）重新映射 alt 和 cmd 键以符合人体工程学
• Finder 设置：
  • 首选项 → 显示文件扩展名
  • 启用显示点文件（只需在 Finder 窗口中按住 Cmd + Shift + .（点））
  • 在页脚中显示路径栏以便于导航
  • 修剪过多的侧边栏书签
    • 创建“工作”文件夹并固定
• 键盘：
  • 将 command+Q 重新映射到任何其他内容- 以防止意外关闭所有
  • 快捷方式：将选定区域的图片复制到剪贴板-> Cmd+E
• MacOS Dock：
  • 删除 Dock 中的所有内容，除了：Finder、系统偏好设置和废纸篓
  • 开启 Dock 自动隐藏
    • 也为 MacOS 菜单栏启用此功能
• Chrome 扩展程序：（与 Chrome 帐户绑定）
  • 付费墙拦截器https://github.com/iamadamdev/bypass-paywalls-chrome/
  • 查看有关任何页面的推文https://github.com/sw-yx/Twitter-Links-beta（我的博客文章在这里）
  • Morpheon 黑暗主题
  • Lastpass
  • 显示锚点
  • React Devtools
  • 精炼 Github
  • 代码复制
  • 视频速度控制器← 强烈推荐
  • 调色板
  • 隐私獾
  • 救援时间
  • uBlock 起源
  • 章鱼
  • 异步渲染工具箱（我做的）

设置终端

• 复制我的点文件（vimrc、zshrc、.gitignore_global）：https://gist.github.com/sw-yx/7fa1009e460ecb818d5e6d9ca4616a05

• 安装ZSH（首次使用git将提示您安装 git - 需要 15 分钟）

  • git config --global init.defaultBranch main
  • git config --global user.name "swyx"

  • git config --global user.email shawnthe1@gmail.com

    • 字体 - Inconsolata for Powerline
    • 自我暗示

    • 语法高亮

      • 可能需要对内容进行 chmod 操作，否则每次会话开始时都会显示警告

      $ sudo chmod -R 755 /usr/local/share/zsh
      $ sudo chown -R root:staff /usr/local/share/zsh
      
      

• 超级终端

  • 设置：shell：'/bin/zsh'
  • 设置：fontFamily: '"Inconsolata for Powerline", Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace',
  • 图- 终端上下文感知自动完成功能。目前已加入候补名单，但您可以跳过此步骤（我对此一无所知）。
    • Brendan Faik（Fig 创始人）推荐的更多 CLI 工具 - bat、、exa以及ripgrep其他Rust CLI 替代品。此外还有zsh 缩写
    • 更多来自 Earthly - HN 的 CLI 工具请点击此处
      • broot- 更好的tree
      • funky- 简单的 shell 函数
      • fzf- 模糊查找器
      • mcfly- 根据您的历史记录猜测命令
      • zoxide- 更好的cd
      • gitupdate- 使用文件名来创建更有意义的提交消息

设置应用程序/环境

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

  我还有很多东西，brew list但不确定我主要用的是哪个。你可以批量安装这些：brew install $(cat packages.txt)
  

  bat             gdbm            libuv           python@3.9
  brotli          gh              libyaml         readline
  c-ares          go              mpdecimal       ruby
  deno            gradle          nghttp2         sqlite
  diff-so-fancy   icu4c           node            xz
  fnm             jemalloc        openjdk         yarn
  fzf             libev           openssl@1.1     z
  

• brew update在 m1 上已经变得非常烦人。这对我有帮助：arch -x86_64 brew install YOUR_PACKAGE

• brew install bat

• Github 命令行界面：brew install github/gh/gh

  • 您需要登录 git - 如果您启用了 2fa，则不能使用您的普通 github 密码。尝试推送到 repo 并输入个人访问令牌作为密码。
  • 然后运行gh auth login
  • 添加 GitHub SSH 密钥（非可选）

• brew install fzf- 模糊查找器 - 使用示例在这里

• brew install node

  • Node.js/NPM
  • npm login
  • npm config set loglevel
  • sudo npm install netlify-cli -g
  • npm i -g sign-bunny fortune-node parrotsay
  • npm install -g undollar用于删除 $
  • sudo npm install -g trash-cli

• brew install yarn --ignore-dependencies-纱线说明

• 您可能需要绕过 Mac OS Sierra

• brew install z-非常好，试试看

• 杂项

  • pip3 install --user powerline-status
  • 转到中性文件夹并git clone <https://github.com/powerline/fonts> && cd fonts && ./install.sh
  • fnm是nvm的更快替代方案：curl -fsSL <https://fnm.vercel.app/install> | bash或者brew install fnm
  • Anaconda Python 发行版- 小心，它们往往会 [在未经询问的情况下修改你的 bash 提示符]( https://askubuntu.com/questions/1026383/why-does-base-appear-in-front-of-my-terminal-prompt\ )
  • Docker 桌面
  • brew install ffmpeg，然后
  • https://github.com/tombonez/noTunes
  • 下载Audacity - 并安装 ffmpeg
  • brew install java- 你可以从 Oracle 下载Java 开发工具包，但是他们居然把它放在注册墙后面
  • brew install go你可能需要export PATH=$PATH:/usr/local/go/bin
  • brew install diff-so-fancy- 然后设置git config --global core.pager "diff-so-fancy | less --tabs=4 -RFX"- 使 git diff 更加美观
    • 您还可以使用此 bash 函数dif() { git diff --color --no-index "$1" "$2" | diff-so-fancy; }或 VSCode 进行差异分析code --diff file1.js file2.js。
    • 您也可以尝试https://github.com/dandavison/delta

设置应用程序

• 表情符号：https://matthewpalmer.net/rocket/
• 密码管理器：我公司使用 1password，个人使用 lastpass
• 窗口管理器：https://www.spectacleapp.com/登录时启动
• 剪贴板管理器：https://clipy-app.com/或https://yippy.mattdavo.com/（未经测试）
• Loom：https://www.loom.com/desktop
• Zoom：https://zoom.us/download
• 截图：https://cleanshot.com/（之前使用过https://zapier.com/zappy）。浏览器扩展 - Lightshot
• 咖啡因（让 Mac 保持清醒以便谈话）：https://intelliscapesolutions.com/apps/caffeine
  • 曾经是http://lightheadsw.com/caffeine/
  • 维护版本：安非他明（感谢 Matt Mischuk！）
• NoTunes - 禁用 iTunes/Apple Music
• 视频捕捉：https://getkap.co/
• 双屏：https://www.duetdisplay.com/
• Gif：Licecap
• Slack或Discord
• 观察：https://obsproject.com/
• 转录：https://www.descript.com/download/mac
• SkyFonts：https://www.fonts.com/web-fonts/google
• 微软待办事项：https://apps.apple.com/app/apple-store/id1274495053?mt=8
• 伸展地：https://hovancik.net/stretchly/
• 磁盘空间：磁盘清单 X - 您可以使用此 bash 命令或 cronjob清理节点模块
• 重播：下载-https://www.notion.so/Replay-Docs-56758667f53a4d51b7c6fc7a641adb02
• 简单注释：https://apps.apple.com/us/app/simplenote/id692867256?ls=1&mt=12
• Mac 版 Superhuman和https://mail.superhuman.com
• 概念：https://www.notion.so/desktop
  • https://chrome.google.com/webstore/detail/notion-web-clipper/knheggckgoiihginacbkhaalnibhilkk?hl=en
• 应用搜索/实用程序：https://www.alfredapp.com/
  • 设置为 Alfred Dark
  • 空投到 iPhone/iPad
  • 纸杯蛋糕

• 编辑器：下载VS Code（我以前用过 Insiders，但弹出窗口超级烦人）。使用“设置同步”跨机器同步

  • 必须设置电力线字体“Meslo LG M for Powerline”（下载）
  • 自动关闭标签 v0.5.6
  • 自动重命名标签 v0.0.15
  • 书签 v9.1.0
  • 代码设置同步 v3.1.2
  • Chrome 调试器 v4.10.2
  • es7-react-js-snippets v1.8.7
  • graphql-for-vscode v1.12.1
  • mdx v0.1.0
  • prettier-vscode v1.6.1
  • Python v2018.9.2
  • python v0.2.3
  • rainbow-brackets v0.0.6 - 现已弃用，请使用原生"editor.bracketPairColorization.enabled": true
  • 紫色阴影 v3.17.0
  • vscode-graphql v0.1.5
  • vscode-导入成本 v2.9.0
  • vscode-styled-components v0.0.23
  • vscode-wakatime v1.2.3
  • TabNine AI 补全
  • GitHub Copilot
  • 尝试：File Utils - Stolinski推荐
  • 这是您可以从命令行运行的完整列表

  code --install-extension 2gua.rainbow-brackets
  code --install-extension ahmadawais.shades-of-purple
  code --install-extension austenc.tailwind-docs
  code --install-extension bradlc.vscode-tailwindcss
  code --install-extension cpylua.language-postcss
  code --install-extension dbaeumer.vscode-eslint
  code --install-extension dsznajder.es7-react-js-snippets
  code --install-extension esbenp.prettier-vscode
  code --install-extension formulahendry.auto-close-tag
  code --install-extension formulahendry.auto-rename-tag
  code --install-extension GabrielNordeborn.vscode-graphiql-explorer
  code --install-extension GitHub.copilot
  code --install-extension golang.go
  code --install-extension heybourn.headwind
  code --install-extension jpoissonnier.vscode-styled-components
  code --install-extension kgscott.retreon
  code --install-extension kumar-harsh.graphql-for-vscode
  code --install-extension luyizhi.vscode-graphql
  code --install-extension ms-python.python
  code --install-extension ms-python.vscode-pylance
  code --install-extension ms-toolsai.jupyter
  code --install-extension msjsdiag.debugger-for-chrome
  code --install-extension NickScialli.svelte-dark
  code --install-extension octref.vetur
  code --install-extension oderwat.indent-rainbow
  code --install-extension sdras.night-owl
  code --install-extension silvenon.mdx
  code --install-extension svelte.svelte-vscode
  code --install-extension TabNine.tabnine-vscode
  code --install-extension ThreadHeap.serverless-ide-vscode
  code --install-extension tht13.python
  code --install-extension WakaTime.vscode-wakatime
  code --install-extension Wattenberger.footsteps
  code --install-extension wix.vscode-import-cost
  

其他优秀的“新笔记本电脑设置”列表：

• Tania Rascia 的设置
• Nick Nisi 的点文件
• Mathias Bynens macos 默认设置
• Jamon 的 MacOS 维护技巧
• 文达斯塔：https://github.com/vendasta/setup-new-computer-script
• 您可以使用 Sheldon Hull 的工具自动执行 dotfiles/homebrew 设置
• 来自知名人士的物理设备设置：https://setups.co/
• 请发给我你的！