关于macos:嘿来一份星级主流mac套件配置指南清单吗

“本文整体给大家介绍一下（前端开发）支流罕用的 mac 套件哈”

刚动手 mac 或者筹备动手的敌人，不来看看？？？

支流 mac 利用 & 工具配置清单

效率神器，咱们用它帮咱们疾速关上利用、文件、用来计算，查字典等

我习惯设置双击 command 键关上 Alfred，除了下面那些，它罕用性能看这：↓

一般应用

Web Search

疾速关上搜寻你想要的，配置也很简略

Workflows

粘贴板

有时候咱们须要做反复地复制粘贴的动作，或者想先复制珍藏，过会慢点再逐渐黏贴，这个时候 paste 就特地实用

不论是文件，文本、链接，图片，颜色代码等

按 shift + command + v 就能看到咱们复制历史等，点击就能够复制到黏贴板

分屏神器，反对十分多的分屏操作

最罕用的快捷操作↓：

疾速配置本人罕用的快捷语等快捷输出

截图标注和屏幕录制是十分罕用的性能，qq 的截图录屏曾经挺不错的，自带的 QuickTime 的录屏挺好的

这里在介绍几个比拟好的截图利用和 gif 录制软件

反对窗口录制和区域录制、录制的帧数等参数调整

应该是目前最好的截图标注和录屏软件，价格也是最贵的哈哈哈,29$（用 Setapp 能够白嫖一周）

如果你还须要进行视频转换成 gif，增加字幕等操作，那你能够在看看 Gif Brewery，它也是能录屏的哈。

例如给图片增加文案转 GIF：↓

本人设计利用、做组件库 UI，做点比拟难看的图示等，就须要用到画图工具

sketch，figma，xd，这几个有点现况有点像之前的 vue、react、angular

入坑早我始终是用 sketch，像 wechat、Ant Design,Element 等 UI 等都有提供 sketch 设计资源，而且 sketch 自身更新优化快的可怕哈哈哈

画示意图啊，积攒本人的图库、组件库等，如果你想全栈为本人设计一个利用什么的，这玩意不难学，还有相似咱们前端组件库的思维 symbol、款式库等等

当然当初的 figma 也很棒，XD 也在疾速倒退，都能够去试用一下，看看哪把武器棘手

之前我始终用的是 Mindnode（谐和版），因为之前的 xmind 给我的印象是设计个别，之前再回去看一下 XMind 2020，真香！！

看官网的图：↓

提供的模块主题多实用还丑陋，本文章第一张图就是用 XMind 做的，配合了 sketch

平时工作给团队我的项目组件等写文档，写论坛发博客什么的（这个我没有哈哈哈），当然用 markdown，而 markdown 利用千千万，目前 typora 是最棒

（这 logo 是我本人用 sketch 从新做的哈，先说一下，省得下载的时候奇怪怎么 Typora 的 logo 不是这个）

目前我感觉它最棒的有两点：

不须要写语法 ：

让你专一写作而不是去纠结这个语法格局要怎么搞

图片疾速引入 ：

间接拖入到 typora 就行，能够设置把图片归类到某个文件夹，还能够配合 picgo 主动上传到本人的图床，这样文章就能间接上传到博客啊，论坛，git 仓库等等

当然这些只是它的冰山一角，细节和长处还很多很多

我是在用 Typora 写小册子：↓

对于学习 + 写作记录的会独自写一篇具体的文章介绍哈，这里先介绍一下

2 印象笔记和有道词典

读书，做我的项目，看博客微信推文，有时候都会有一些灵感或者要点等，这些系统的货色，在整顿前咱们就用他们来记录，而且他们在 chrome 都有插件 ，能够很不便的采集记录咱们想要的

“ 这一部分会贴配置的代码 ”

Homebrew 是 Mac OS 不可或缺的套件管理器。装置软件，二进制编译啊什么的，不过国内的敌人须要切换到国内的一些资源，不然会十分的卡

HomeBrew 次要有这四局部组成：↓

HomeBrew	形容
Brew	Homebrew 源代码仓库
Homebrew-core	Homebrew 外围软件仓库
Homebrew-bottles	Homebrew 预编译二进制软件包
Homebrew-cask	提供 macOS 利用和大型二进制文件

最初一个装置多的是图形界面用的，除非你做终端代理，不然常常 timeout，有其余的方法请大佬指教

这是替换阿里云源的代码

# 查看 brew.git 以后源
cd "$(brew --repo)" && git remote -v
origin https://github.com/Homebrew/brew.git (fetch)
origin https://github.com/Homebrew/brew.git (push)

# 查看 homebrew-core.git 以后源
cd "$(brew --repo homebrew/core)" && git remote -v
origin https://github.com/Homebrew/homebrew-core.git (fetch)
origin https://github.com/Homebrew/homebrew-core.git (push)

# 批改 brew.git 为阿里源
git -C "$(brew --repo)" remote set-url origin https://mirrors.aliyun.com/homebrew/brew.git

# 批改 homebrew-core.git 为阿里源
git -C "$(brew --repo homebrew/core)" remote set-url origin https://mirrors.aliyun.com/homebrew/homebrew-core.git

# zsh 替换 brew bintray 镜像
echo 'export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.aliyun.com/homebrew/homebrew-bottles' >> ~/.zshrc
source ~/.zshrc

# bash 替换 brew bintray 镜像
echo 'export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.aliyun.com/homebrew/homebrew-bottles' >> ~/.bash_profile
source ~/.bash_profile

# 刷新源
brew update

当然还有很多清华源啊，中科大源等等

装置完 homebrew 就用他装置 iterm2 和 zsh 吧

# 装置 iterm2
brew cask install iterm2

# 装置 zsh
sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

装置 oh-my-zsh 罕用插件

# zsh-syntax-highlighting：命令语法高亮
git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

# zsh-autosuggestions：主动补全性能
git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

#批改配置退出插件
vi ~/.zshrc

#找到 plugin=(git), 批改：#z 插件是自带的，用于目录间疾速跳转，不过须要本人退出
plugin=(git z zsh-syntax-highlighting zsh-autosuggestions)

#更新配置
source ~/.zshrc

#重启 iterm2 就行啦

对于 iterm 主题方面的话，自行网上调本人喜爱的吧，我没用哈哈哈

这个是 Powerlevel10k 主题 + One Dark 配色的（图片来自网络）：↓

nvm 是 mac 的 node 包管理器，不便咱们切换不同的 node 版本来测试等

装置形式 1：

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

ps: 装置如果呈现问题，具体能够去 github 的看文档：https://github.com/nvm-sh/nvm

装置好须要配置环境变量能力应用

export NVM_DIR="$([-z"${XDG_CONFIG_HOME-}"] && printf %s"${HOME}/.nvm"|| printf %s"${XDG_CONFIG_HOME}/nvm")"
[-s "$NVM_DIR/nvm.sh"] && \. "$NVM_DIR/nvm.sh" # This loads nvm

根底应用命令

nvm version #查看以后的版本
nvm install #装置最新版本 nvm
nvm install <version> #装置相应版本
nvm uninstall <version> #卸载制订的版本
nvm use <version> #切换应用指定的版本 node
nvm alias node v10.22.0 #设定默认版本为 v10.22.0
nvm ls #列出本地装置所有版本
nvm ls-remote #列出近程装置所有版本
nvm current #显示以后版本

nrm 是一个 npm 源管理器，容许你疾速地在 npm 源间切换

装置：

npm install -g nrm

ps: 如果切换了 node 版本，须要重新安装哈，不过之前设置的源地址不变

根底应用：

# 查看以后可选源，带 ※ 号的是以后设置的 npm 源
nrm ls
#-------------------------------------------------#
  npm -------- https://registry.npmjs.org/
* yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
  taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
#-------------------------------------------------#

# 抉择 taobao 源
nrm use tabao

# 增加公有库源 源名是：yournpm
nrm add yournpm http://www.yournpm.com

# 删除源
nrm del yarn

# 测试速度
nrm test taobao

老铁，这个不必我介绍了吧，没见过的转行吧

whistle(读音 [ˈwɪsəl]，拼音 [wēisǒu] ) 是基于 Node 实现的跨平台抓包调试代理工具，来看看 github 官网的图吧

顶部菜单栏治理

当你乌七八糟的装置了一大堆利用的时候，可能就须要它来帮你整顿了，把罕用的放在左边固定显示，把不罕用的放在暗藏区域

腾讯出品的 mac 良心利用，如果有须要清理一些不必要的缓存，大文件啊什么的，就用它了（其实我 15 版的 mac，512G 的，用 5 年了也很少去清理哈哈哈）

还有什么好的利用大佬们跟我介绍一下啊

举荐浏览

如何从 0 到 1 打造一个小前端团队工程化服务环境

预报

慢点会给大家举荐一份 md+ 思维导图的五星级体验写作套件教程 ，关注我敬请期待呀

最初是十分十分的心愿能获取你们的关注啦啦~~~

你们小小关注就是咱们大大的能源啊，咱们会给你们继续地推送原创和好文

这个是咱们公众号的二维码

关于macos:嘿来一份星级主流mac套件配置指南清单吗

快捷操作

1 Alfred

2 paste

3 magnet

4 aText

截图 & 录屏

1 Gifox

2 cleanshot

3 Gif Brewery

思考 & 设计

1 sketch

2 XMind

写作和笔记

1 typora

开发

1 Homebrew

2 iterm2 + zsh

3 nvm + nrm

4 postman

5 whistle

整顿

1 vanilla

2 Lemon Cleaner

举荐 & 预报

感激你们的关注啊

Just My Socks（注册教程内含优惠码）

关于macos:嘿来一份星级主流mac套件配置指南清单吗

快捷操作

1 Alfred

2 paste

3 magnet

4 aText

截图 & 录屏

1 Gifox

2 cleanshot

3 Gif Brewery

思考 & 设计

1 sketch

2 XMind

写作和笔记

1 typora

开发

1 Homebrew

2 iterm2 + zsh

3 nvm + nrm

4 postman

5 whistle

整顿

1 vanilla

2 Lemon Cleaner

举荐 & 预报

感激你们的关注啊

Just My Socks（注册教程 内含优惠码）

Just My Socks（注册教程内含优惠码）