mac 前端开发环境初始化

电脑初始化

  1. 打开 App Store ,搜索 Xcode ,安装,比较慢。(需要申请 apple 账号并登陆)
  2. 打开命令行,运行 git,查看是否正常。如不正常,注意看提示操作(提示运行 xcode-select --install ,运行即可)。(如果这一步早于第一步完成,git 会失效,重新运行命令安装即可)
  3. 安装 node 下载 | Node.jshttps://nodejs.org/zh-cn/download/
  4. 安装 vscode Visual Studio Code - Code Editing. Redefinedhttps://code.visualstudio.com/
  5. 下载 The Unarchiver (解压缩)、iHosts for mac(host 修改)
  6. shell 已经默认 zsh,所以这里只需要更新 zsh 配置即可。参考:  zsh+on-my-zsh配置教程指南(程序员必备)【已备份】 - SegmentFault 思否https://segmentfault.com/a/1190000013612471
  7. 安装包管理工具 Homebrew (可选) The Missing Package Manager for macOS (or Linux) — Homebrewhttps://brew.sh/  完成后,运行命令  brew install wget iterm2 安装 wget、iterm2(替换默认终端)
  8. 更新 Iterm2 配置,⌘ Command  + 空格,唤出输入框,输入 iterm2,选中,左上角出现 iterm2 的菜单,选中 make iterm2 default term。其他个性化配置可自行搜索调整。
  9. 安装 sourcetree  Sourcetree | Free Git GUI for Mac and Windowshttps://www.sourcetreeapp.com/ ,一个可视化的 git 工具。安装完成后,将已下载 git 项目目录拖拽到软件内即可。 (可选)
  10. 安装 其他镜像(可选)
  11. 抓请求软件 mac上用的最多的是 charles(收费), windows 上是 fiddler。现在 fiddler 也出了 mac 版本 https://www.telerik.com/download/fiddler-everywherehttps://www.telerik.com/download/fiddler-everywhere

vscode 初始化

  1. 始终在新窗口打开文件。按住  ⌘ Command + ⇧ Shift + P  , 在输入框内输入 setting , 选择 open setting(UI) 。在新页面找到 workbench.editor.enablePreview  设置为 false 
  2. 继续输入上一步的命令,这次在输入框内输入 code ,可以看到 install code  command in PATH,选中。然后随便在一个目录输入 code .,可以在当前目录唤起 vscode 
  3. 在插件平台搜索安装插件 EditorConfig for VS Code  、 eslint 、 Prettier 、 stylelint 、 GitLens 、 Partial Diff (文本比对,很好用)

git 初始化

  1. git config --global user.name "XXX"
    git config --global user.email "[email protected]
  2. git 下载仓库的时候,需要验证权限。推荐 b
    1. 使用 http 的链接,输入账号密码即可
    2. 使用 ssh

你可能感兴趣的:(前端)