“本文整体给大家介绍一下(前端开发)支流罕用的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 -vorigin 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 -vorigin 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' >> ~/.zshrcsource ~/.zshrc# bash 替换 brew bintray 镜像echo 'export HOMEBREW_BOTTLE_DOMAIN=https://mirrors.aliyun.com/homebrew/homebrew-bottles' >> ~/.bash_profilesource ~/.bash_profile# 刷新源brew update
当然还有很多清华源啊,中科大源等等
2 iterm2 + zsh
装置完 homebrew 就用他装置iterm2 和 zsh 吧
# 装置iterm2brew cask install iterm2# 装置zshsh -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 #装置最新版本nvmnvm install <version> #装置相应版本nvm uninstall <version> #卸载制订的版本nvm use <version> #切换应用指定的版本nodenvm alias node v10.22.0 #设定默认版本为v10.22.0nvm 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# 增加公有库源 源名是:yournpmnrm 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(读音 [wsl]
,拼音 [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+思维导图的五星级体验写作套件教程,关注我敬请期待呀
感激你们的关注啊
最初是十分十分的心愿能获取你们的关注啦啦~~~
你们小小关注就是咱们大大的能源啊,咱们会给你们继续地推送原创和好文
这个是咱们公众号的二维码