记录一下拿到一台新的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 | cd Downloads |
进入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
插件:
- prettier
- eslint
- EditorConfig for VS Code
- GitLens
- Local History
- Bookmarks
给当前代码行添加书签,并且 vscode 的工具栏会多一个书签的项,点击后可以看到所有添加的书签列表,点击书签可以跳到对应位置,读代码有奇效,也方便记录一些经常访问的文件(比如 utils、config 等) - Numbered Bookmarks
和上面那个的区别是这个有数字,每个文件支持 9 个命名书签(1-9)可以用快捷键快速跳转,(先去系统快捷键设置里面取消所有截屏的快捷键,会打架。截屏建议用企业微信的截屏 ⌘⇧A)。⌘⇧1 加数字为 1 的书签,⌘1 跳转到数字为 1 的书签,支持数字 1 到 9(如果不取消系统截屏快捷键的话部分会被系统捕获)
Iterm2骚操作
按键说明
- ⌘ Command () win 键
- ⌥ Option (alt)
- ⌃ Control ctrl 键
- fn 功能键
- ⇧ Shift
- ↑/↓/←/→ 方向键
多屏幕
- ⌘T 新打开一个tab
- ⌘1 切换到第一个tab(数字支持1-9,1-8是前8个9是最后一个)
- ⌘←/→ 按方向切换tab
- ⌘D 水平分屏
- ⌘⇧D 垂直分屏
- ⌘⇧↑/↓/←/→ 按方向切换分屏
- ⌃D 关闭当前的分屏,没有分屏时关闭tab
- 双击某个分屏的控制区(就是每个分屏最上面那条横的)可以最大化当前分屏,再双击恢复
- 拖动分屏的控制区可以给分屏换位置
快捷键
- ⌘R 清屏,但是记录还在往上滚动可以看到
- ⌘K 真正的清屏
- ⌘F 查找
- ⌃a 光标到行首
- ⌃e 光标到行尾
- ⌃←/→ 光标移动一个单词
- ⌃u 清除当前行
- ⌃k 清除光标到行尾的内容
- ⌃w 清除光标往前一个单词
其他
- 复制粘贴
选中即复制,鼠标中建即粘贴 - 历史记录不清空
每个分屏都是独立的session,默认会保存1000行记录(可以在preference设置)1000行在有大量日志的情况显然是不够的所以可以设置为不限,分屏上 右键->Edit Session->弹出来的Preferences里点Terminal->第一行钩上Unlimited scrollback。当然也可以全局设置为不限,但是可能内存压力会比较大
zsh骚操作
主要是zsh丰富的插件机制
1 | vim ~/.zshrc |
找到plugins=(git)
。可以看到它默认装了git插件,这个插件提供了许多git相关操作的alias。alias | grep git
可以看到它加的alias,按需取用,熟练了后很方便。
其他的插件就推荐两,z
和wd
。安装只需要修改plugins
里的内容,
1 | plugins=( |
然后保存并退出后执行source ~/.zshrc
z
和wd
都是处理路径跳转的,比如z dev
就会跳到developer
的目录下。当然这是有条件的,z
会根据你平时cd
的路径给每个路径加上权重,然后后面要访问的话只需要输入路径的一部分就好了,但是如果你访问developer-user
的频率比developer
大得多,z dev
就会进到developer-user
。这时候就可以用wd
了,wd
是为路径手动加上别名。比如在developer
目录下wd add dev
然后在别的路径下wd dev
就可以到developer
目录下了。另外直接输入z
可以看到权重列表,wd list
可以看到别名列表