0%

开发环境配置

记录一下拿到一台新的mac时的基础环境配置(web前端开发)。

命令行工具

Step1 安装 Homebrew

1
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Step2 安装 oh my zsh

1
sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Step3 安装 Iterm2
用 brew 安装brew cask install iterm2
或者直接下载安装

Step4 配置 Iterm2
下载配色方案

1
2
cd Downloads
curl -O https://raw.githubusercontent.com/MartinSeeler/iterm2-material-design/master/material-design-colors.itermcolors

进入iTerm2 > Preferences > Profiles > Colors
最下面Color Presets点击import,导入刚刚下载的material-design-colors.itermcolors

node

安装 nvm

1
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

安装 node 最新 LTS 版本(注:这里如果报错找不到 nvm 就跑一下source ~/.zshrc

1
nvm install --lts

安装 yarn

1
npm i -g yarn

修改 registry

1
yarn config set registry 'https://registry.npmmirror.com/'

IDE(参考)

vscode
快捷键说明:

  • ⌘ Command () win 键
  • ⌥ Option (alt)
  • ⌃ Control ctrl 键
  • fn 功能键
  • ⇧ Shift

插件:

  1. prettier
  2. eslint
  3. EditorConfig for VS Code
  4. GitLens
  5. Local History
  6. Bookmarks
    给当前代码行添加书签,并且 vscode 的工具栏会多一个书签的项,点击后可以看到所有添加的书签列表,点击书签可以跳到对应位置,读代码有奇效,也方便记录一些经常访问的文件(比如 utils、config 等)
  7. Numbered Bookmarks
    和上面那个的区别是这个有数字,每个文件支持 9 个命名书签(1-9)可以用快捷键快速跳转,(先去系统快捷键设置里面取消所有截屏的快捷键,会打架。截屏建议用企业微信的截屏 ⌘⇧A)。⌘⇧1 加数字为 1 的书签,⌘1 跳转到数字为 1 的书签,支持数字 1 到 9(如果不取消系统截屏快捷键的话部分会被系统捕获)

Iterm2骚操作

按键说明

  • ⌘ Command () win 键
  • ⌥ Option (alt)
  • ⌃ Control ctrl 键
  • fn 功能键
  • ⇧ Shift
  • ↑/↓/←/→ 方向键

多屏幕

  1. ⌘T 新打开一个tab
  2. ⌘1 切换到第一个tab(数字支持1-9,1-8是前8个9是最后一个)
  3. ⌘←/→ 按方向切换tab
  4. ⌘D 水平分屏
  5. ⌘⇧D 垂直分屏
  6. ⌘⇧↑/↓/←/→ 按方向切换分屏
  7. ⌃D 关闭当前的分屏,没有分屏时关闭tab
  8. 双击某个分屏的控制区(就是每个分屏最上面那条横的)可以最大化当前分屏,再双击恢复
  9. 拖动分屏的控制区可以给分屏换位置

快捷键

  1. ⌘R 清屏,但是记录还在往上滚动可以看到
  2. ⌘K 真正的清屏
  3. ⌘F 查找
  4. ⌃a 光标到行首
  5. ⌃e 光标到行尾
  6. ⌃←/→ 光标移动一个单词
  7. ⌃u 清除当前行
  8. ⌃k 清除光标到行尾的内容
  9. ⌃w 清除光标往前一个单词

其他

  1. 复制粘贴
    选中即复制,鼠标中建即粘贴
  2. 历史记录不清空
    每个分屏都是独立的session,默认会保存1000行记录(可以在preference设置)1000行在有大量日志的情况显然是不够的所以可以设置为不限,分屏上 右键->Edit Session->弹出来的Preferences里点Terminal->第一行钩上Unlimited scrollback。当然也可以全局设置为不限,但是可能内存压力会比较大

zsh骚操作

主要是zsh丰富的插件机制

1
vim ~/.zshrc

找到plugins=(git)。可以看到它默认装了git插件,这个插件提供了许多git相关操作的alias。
alias | grep git可以看到它加的alias,按需取用,熟练了后很方便。

其他的插件就推荐两,zwd。安装只需要修改plugins里的内容,

1
2
3
4
5
plugins=(
git
wd
z
)

然后保存并退出后执行source ~/.zshrc

zwd都是处理路径跳转的,比如z dev就会跳到developer的目录下。当然这是有条件的,z会根据你平时cd的路径给每个路径加上权重,然后后面要访问的话只需要输入路径的一部分就好了,但是如果你访问developer-user的频率比developer大得多,z dev就会进到developer-user。这时候就可以用wd了,wd是为路径手动加上别名。比如在developer目录下wd add dev然后在别的路径下wd dev就可以到developer目录下了。另外直接输入z可以看到权重列表,wd list可以看到别名列表