安装homebrew

打开 官网

复制官网上脚本，粘贴到terminal中运行 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"

• Press RETURN to continue or any other key to abort 根据提示按下回车或者输入密码

• 进入下图步骤，请耐心等待，即将安装完毕

安装Git

terminal中输入 brew install git

一些你感兴趣的图形化操作软件：sourceTree, Tower

安装iterm2

在官网下载安装，iterm2有一些比mac自带的terminal更好用的插件和特性，这里介绍三个我常用的快捷方式

1. 分屏： command + shift + d ： 水平分屏 command + d : 垂直分屏 （在启动多个项目的时候非常好用）
2. 全文搜索 command + f
3. 选中即复制。 也就是，在iterms中，选中文本内容的时候已经完成了文本的复制。

安装VScode

官网安装，记得把code命令加入环境变量

1. cmd + shift + p 在输入框里键入 shell...
2. 选择 Shell Command: Install 'code' command in PATH
3. 安装完毕后即可在terminal中的项目文件夹下输入code .打开当前项目工程 ps: 在项目中配置prettier
4. 安装vscode插件 Prettier - Code formatter
5. 在vscode的settings中有一个settings.json 举个🌰

{
    "window.zoomLevel": 0,
    "editor.formatOnSave": true,
    "[json]": {

        "editor.quickSuggestions": {
            "strings": true
        },
        "editor.suggest.insertMode": "replace",
    },
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "[javascript]": {
      "editor.formatOnSave": true,
      "editor.formatOnPaste": false,
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
      "[javascriptreact]": {
      "editor.formatOnSave": true,
      "editor.formatOnPaste": false,
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescript]": {
      "editor.formatOnSave": true,
      "editor.formatOnPaste": false
    },
    "[typescriptreact]": {
      "editor.formatOnSave": true,
      "editor.formatOnPaste": false,
      "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "typescript.updateImportsOnFileMove.enabled": "always",
    "editor.codeActionsOnSave": null,
    "git.autofetch": true,
    "editor.tabSize": 2,
    "[html]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    }
}

配置你需要的格式化内容 3. 在项目中引入.prettierrc文件 举个🌰

{
  "trailingComma": "es5",
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true,
  "printWidth": 120,
  "endOfLine": "auto"
}

最后cmd + shift + p

安装node环境

• 官网上安装
• 配置淘宝镜像或者其他你需要用的镜像，也可以临时设置镜像使用： terminal中输入npm config set registry https://registry.npm.taobao.org
• 安装yarn：在terminal中输入npm install-g yarn

快捷键

录屏 cmd + shift + 5

更多你想知道的：

• Mac OS X 配置指南 Docs