“本文整体给大家介绍一下(前端开发)支流罕用的 mac 套件哈”
刚动手 mac 或者筹备动手的敌人,不来看看???
支流 mac 利用 & 工具配置清单
快捷操作
1 Alfred
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-alfred.png” alt=”icon-alfred” style=”width:90px” />
效率神器,咱们用它帮咱们疾速关上利用、文件、用来计算,查字典等
我习惯设置双击 command 键关上 Alfred,除了下面那些,它罕用性能看这:↓
一般应用
Web Search
疾速关上搜寻你想要的,配置也很简略
Workflows
2 paste
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-paste.png” alt=”icon-paste” style=”width:90px” />
粘贴板
有时候咱们须要做反复地复制粘贴的动作,或者想先复制珍藏,过会慢点再逐渐黏贴,这个时候 paste 就特地实用
不论是文件,文本、链接,图片,颜色代码等
按 shift + command + v 就能看到咱们复制历史等,点击就能够复制到黏贴板
3 magnet
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-magnet.png” alt=”icon-magnet” style=”width:90px” />
分屏神器,反对十分多的分屏操作
最罕用的快捷操作↓:
4 aText
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-atext.jpg” alt=”icon-atext” style=”width:90px” />
疾速配置本人罕用的快捷语等快捷输出
截图 & 录屏
截图标注和屏幕录制是十分罕用的性能,qq 的截图录屏曾经挺不错的,自带的 QuickTime 的录屏挺好的
这里在介绍几个比拟好的截图利用 和 gif 录制软件
1 Gifox
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-Gifox.png” alt=”icon-Gifox” style=”width:90px” />
反对窗口录制和区域录制、录制的帧数等参数调整
2 cleanshot
<div align=center><img src=”img/icon-cleanshotX.png” alt=”icon-cleanshotX” style=”width:90px” />
应该是目前最好的截图标注和录屏软件,价格也是最贵的哈哈哈,29$(用 Setapp 能够白嫖一周)
3 Gif Brewery
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-brewery.png” alt=”icon-brewery” style=”width:90px” />
如果你还须要进行视频转换成 gif,增加字幕等操作,那你能够在看看 Gif Brewery,它也是能录屏的哈。
例如给图片增加文案转 GIF:↓
思考 & 设计
本人设计利用、做组件库 UI,做点比拟难看的图示等,就须要用到画图工具
sketch,figma,xd,这几个有点现况有点像之前的 vue、react、angular
入坑早我始终是用 sketch,像 wechat、Ant Design,Element 等 UI 等都有提供 sketch 设计资源,而且 sketch 自身更新优化快的可怕哈哈哈
1 sketch
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-sketch.png” alt=”icon-sketch” style=”width:90px” />
画示意图啊,积攒本人的图库、组件库等,如果你想全栈为本人设计一个利用什么的,这玩意不难学,还有相似咱们前端组件库的思维 symbol、款式库等等
当然当初的 figma 也很棒,XD 也在疾速倒退,都能够去试用一下,看看哪把武器棘手
2 XMind
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-xmind.png” alt=”icon-xmind” style=”width:90px” />
之前我始终用的是 Mindnode(谐和版),因为之前的 xmind 给我的印象是设计个别,之前再回去看一下 XMind 2020,真香!!
看官网的图:↓
提供的模块主题多实用还丑陋,本文章第一张图就是用 XMind 做的,配合了 sketch
写作和笔记
1 typora
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-typora.png” alt=”icon-typora” style=”width:90px” />
平时工作给团队我的项目组件等写文档,写论坛发博客什么的(这个我没有哈哈哈),当然用 markdown,而 markdown 利用千千万,目前 typora 是最棒
(这 logo 是我本人用 sketch 从新做的哈,先说一下,省得下载的时候奇怪怎么 Typora 的 logo 不是这个)
目前我感觉它最棒的有两点:
不须要写语法 :
让你专一写作而不是去纠结这个语法格局要怎么搞
图片疾速引入 :
间接拖入到 typora 就行,能够设置把图片归类到某个文件夹,还能够配合 picgo 主动上传到本人的图床,这样文章就能间接上传到博客啊,论坛,git 仓库等等
当然这些只是它的冰山一角,细节和长处还很多很多
我是在用 Typora 写小册子:↓
对于学习 + 写作记录的会独自写一篇具体的文章介绍哈,这里先介绍一下
2 印象笔记 和 有道词典
读书,做我的项目,看博客微信推文,有时候都会有一些灵感或者要点等,这些系统的货色,在整顿前咱们就用他们来记录,而且他们在 chrome 都有插件 ,能够很不便的采集记录咱们想要的
开发
“ 这一部分会贴配置的代码 ”
1 Homebrew
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
当然还有很多清华源啊,中科大源等等
2 iterm2 + zsh
装置完 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 配色 的(图片来自网络):↓
3 nvm + nrm
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
4 postman
老铁,这个不必我介绍了吧,没见过的转行吧
5 whistle
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-whistle.png” alt=”icon-whistle” style=”width:90px” />
whistle(读音 [ˈwɪsəl]
,拼音 [wēisǒu]
) 是基于 Node 实现的跨平台抓包调试代理工具,来看看 github 官网的图吧
整顿
1 vanilla
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-vanilla.png” alt=”icon-vanilla” style=”width:90px” />
顶部菜单栏治理
当你乌七八糟的装置了一大堆利用的时候,可能就须要它来帮你整顿了,把罕用的放在左边固定显示,把不罕用的放在暗藏区域
2 Lemon Cleaner
<div align=center><img src=”https://typora-1255398640.cos.ap-guangzhou.myqcloud.com/typora/icon-lenmon.png” alt=”icon-lenmon” style=”width:90px;” />
腾讯出品的 mac 良心利用,如果有须要清理一些不必要的缓存,大文件啊什么的,就用它了(其实我 15 版的 mac,512G 的,用 5 年了也很少去清理哈哈哈)
还有什么好的利用大佬们跟我介绍一下啊
举荐 & 预报
举荐浏览
如何从 0 到 1 打造一个小前端团队工程化服务环境
预报
慢点会给大家举荐一份 md+ 思维导图的五星级体验写作套件教程 ,关注我敬请期待呀
感激你们的关注啊
最初是十分十分的心愿能获取你们的关注啦啦~~~
你们小小关注就是咱们大大的能源啊,咱们会给你们继续地推送原创和好文
这个是咱们公众号的二维码