乐趣区

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

“本文整体给大家介绍一下(前端开发)支流罕用的 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+ 思维导图的五星级体验写作套件教程 ,关注我敬请期待呀

感激你们的关注啊

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

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

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

退出移动版