MacOS : 大前端必备姿势(工作环境)

本文涉及的产品
云数据库 Redis 版,社区版 2GB
推荐场景:
搭建游戏排行榜
简介: 加快刚入手MacBook的小伙伴上手速度。若是有Linux使用经验,会更快。


前言


加快刚入手MacBook的小伙伴上手速度。若是有Linux使用经验,会更快。


快捷键篇


系统快捷键这种东西还需要写么? 官方快捷键文档 涵盖了文档操作,截图,窗口管理器等通用快捷键或者全局快捷键


  • touchbar : safari的 touchbar 可以定制,像网易云,QQ 音乐和 VSCode 这些都提供 touchbar 的一些功能快捷键


  • 调出 siri : Command-space , 长按


  • 调出 spotlight : Command-space , 一下(这是默认的,可以去配置那里关掉给 alfred用)


包管理器


brew 当之无愧为Mac下最好用的管理器. 各施其职, brew 用来安装redis,node这类带cli的程序; 而brew cask 是用来安装带GUI程序(图形化的程序);


brew可以当做类似 Debian 家族的apt-get或Redhat 家族的 yum


brew


Bash可能会打印出来一大坨信息,一些没必要的我就删除不展示了.只说重要的...

用法:


/usr/local/etc/nginx » brew                                                         
Example usage:
  brew search [TEXT|/REGEX/]         // 搜索包
  brew (info|home|options) [FORMULA...]  // 查看对应的列表内包的信息或者主页这些
  brew install FORMULA...   // 最常用的,安装包
  brew update  // 更新源,就是索引包列表是否有更新什么的
  brew upgrade [FORMULA...] // 更新已经过期的包
  brew uninstall FORMULA...  // 卸载
  brew list [FORMULA...]  // 列出已经安装的包
Troubleshooting:
  brew config  // 打印当前的系统信息及环境信息
  brew doctor // 检测 brew 是否有损坏,配置文件是否丢失等
  brew install -vd FORMULA
Developers:
  brew create [URL [--no-fetch]]
  brew edit [FORMULA...]
  https://docs.brew.sh/Formula-Cookbook.html
Further help:
  man brew // 手册
  brew help [COMMAND] // 帮助
  brew home // 打开 brew 主页


这个能安装什么呢? 终端类的应用(就是有 cli 这些的), 比如jdk , node ,ruby,python,git;


差点忘记说了,用brew安装的一些服务如何启动重启这些呢? ,比如nginx ,

brew有一个服务的总控制器;看 bash 打印一目了然.


brew services [-v|--verbose] [list | run | start | stop | restart | cleanup] [...]
    [sudo] brew services list  // 列出所有进程服务,包括运行,停止的!!!
    List all running services for the current user (or root)
    [sudo] brew services run formula|--all  // 运行对应的服务,不一定要登录!
    Run the service formula without starting at login (or boot).
    [sudo] brew services start formula|--all // 启用对应的服务
    Start the service formula immediately and register it to launch at login (or boot).
    [sudo] brew services stop formula|--all // 停止对应的服务
    Stop the service formula immediately and unregister it from launching at login (or boot).
    [sudo] brew services restart formula|--all // 重启对应的服务
    Stop (if necessary) and start the service immediately and register it to launch at login (or boot).
    [sudo] brew services cleanup  // 移除(结束)所有未使用的服务
    Remove all unused services.


brew cask


这货已经索引的程序很多(也可以自己去提交), 谷歌浏览器,虚拟机,QQ 什么都有.


安装 brew cask 需要基于 brew , 终端执行 brew tap caskroom/cask;


看到tap是不是有一种熟悉感!没错,就是类似ubuntusudo add-apt-repository ppa:xxxxxx


也就是有些不在官方 cask 里面的,有第三方的软件源....不说废话,看看帮助文档


crper » brew cask help                                               
Commands:
    --version              displays the Homebrew-Cask version  // 当前的版本
    audit                  verifies installability of Casks // 检查是否可以安装,就是线上仓正常否!
    cat                    dump raw source of the given Cask to the standard output // 打印出你安装包的一些信息,包含卸载信息!!
    cleanup                cleans up cached downloads and tracker symlinks // 清除已经下载的缓存
    create                 creates the given Cask and opens it in an editor // 不用
    doctor                 checks for configuration issues // 检测配置文件
    edit                   edits the given Cask // 编辑包的信息,和 cat 的区别他是编辑的
    fetch                  downloads remote application files to local cache // 不言而喻,获取应用包到本地
    home                   opens the homepage of the given Cask // 打开 cask 的主页
    info                   displays information about the given Cask // 查看本地这个包的依赖和路径
    install                installs the given Cask // 最常用!安装
    list                   with no args, lists installed Casks; given installed Casks, lists staged files // 没有参数的情况下列出已经安装的所有应用
    outdated               list the outdated installed Casks // 查询已经安装的应用版本哪个过时了
    reinstall              reinstalls the given Cask // 重新安装某个应用
    search                 searches all known Casks // 搜索应用安装来源
    style                  checks Cask style using RuboCop
    uninstall              uninstalls the given Cask // 卸载brew cask 安装应用程序
    zap                    zaps all files associated with the given Cask


brew 推荐软件列表?没有,毕竟每个人喜好不一致;


比如 node有人喜欢用nvm ,我是默认使用 brew提供的最新包

python , php,redis我都是用最新的.用新不用旧..


若是brew cask,我倒是有几个推荐的

直接brew cask install wireshark这样就行


  1. wireshark --- 知名的抓包工具


  1. virtualbox --- 开源的虚拟机,我感觉够用了...


  1. postman --- 接口测试工具,必备


  1. alfred --- 快速跳转必备


咳咳,你觉得此篇文章就到此结束了么,不,还有一些姿势没说完...


工作流(花样姿势)


有了基础的包管理和服务管理,我们才能耍的更好


必要姿势: 允许安装任何来源程序


在 macos 10.12+开始,这个允许安装任何来源的应用功能就给安全机制(官方说为了安全,你信么!!)给屏蔽了...


但是有木有法子解开呢...我列出来肯定有了啦..姿势如下!


打开终端 -> sudo spctl --master-disable . 滴滴答答,输入你的管理员密码就解开了


姿势1: 快速预览


快速预览是 Macos内置的一个功能,就是你选中一个文件的时候,直接空格键(space)可以看到一些信息. 比如图片,文档!


但是内置的往往不够强大..万能的基友的社区就有人做了这么些插件来丰富快速预览;

传送门: quick-look-plugins;


装了这个可预览的功能起码丰富了一倍不止. 代码高亮,Markdown生成预览,excel,zip 包等等...


姿势2: 终端强化


内置的terminal说实在的,真不够友好...所以社区就造就了一个iterm2

传送门 : iterm2 : 提供了多套内置主题,可定制的东西多了.


你觉得我在推崇这个? 不不不,作为一个伪前端,有什么比用前端搞的终端更来的贴心....

这个,大佬们我推崇的是这个,看下面


传送门:Hyper: 基于 electron搞得,高度自定义,配置就是一个 js(热更新),插件都是 npm 包,各种花样 style


1.x系列还有一些中文输入的 bug ,但是2.x 简直好用!!可以花时间去折腾下.用过都说好!

**好吧,丰富的定制化只是外在的..那么内在呢? **


我推崇的是这个(ZSH),有人说 fishshell!萝卜青菜各有所爱哈!


传送门: oh-my-zsh;


zsh推荐启用的几个插件(没有的都可以用 brew 安装):插件列表及介绍


打开.zshrc,找到 plugins 启用,名字就是插件,插件之间空格隔开


#必备的两个插件
brew install zsh-autosuggestions
brew install zsh-completions


plugins=(git autojump node npm brew osx extract redis-cli autopep8 history last-working-dir
 pip python sudo web-search)


前几个属于必备的:


  1. git : 提供了丰富的 git alias


  1. autojump : 还在一直 cd xxx? 只要访问过的(会索引缓存路径),一键直


  1. 达:j(autojump) xxx


  1. node : 打开 node api 文档


  1. npm : npm 智能提示


  1. brew: brew 的智能提示和补全


后面一些看着装了.有 python 和 redis,也有访问目录的,也有直接打开搜索引擎的


姿势3: 你喜欢 vim?


但又发现去配置一个成型的 vim 工作量太大,找各种各样的插件...


那么你可以试试这个...基于 neovim(自命是 vim 与时俱进的继承者) 基础上的傻瓜包

传送门: spacevim : 社区驱动的 vim 工作环境


姿势4: Alfred


肯定会有人说系统内置的Spotlight不够用么? 能索引快速跳转的地方也很多


但是Alfred 的强大不仅仅文件的索引...而是可拓展性workflows;


传送门:workflows;


这货让Alfred的使用效率大大的提高;


这里我就推荐几个;


  • Dash : 快速索引跳转到 dash 手册的
  • CalireSearch : 索引 calibre 里面的书籍进行跳转
  • Github repos : 快速跳转到自己的一些 github 仓(需要配置 token)
  • NpmSearch : 快速搜索 npmjs.org 上的某个包,直接浏览器打开
  • StackOverflow: .so + question 筛选出问题列表,浏览器打开
  • Colors: 颜色处理


之前掘金还有人写了个搜索知乎的... 你动手能力够强也可以自己写一个工作流.


姿势5: 编辑器?IDE?



若是兼顾混合开发,安卓开发首选Android Studio, IOS开发首选XCode


具体可以参考Flutter for MacOS


姿势6: 想看个本地视频,有什么播放器推荐!


足够强大,格式也丰富,功能比 appstore 一些付费的还多,除了稳定性还有待完善,其他完美了


传送门: IINA , 可以用brew cask安装brew cask install iina


姿势7: 修改 hosts?


会命令行的直接粗暴;


  • sudo vim /etc/hosts : 然后保存就行


那么有木有可视化工具管理!!有的..

传送门:SwitchHosts


姿势8: 快捷键有点多,有没有方便记忆的工具


有的,CheatSheet: 长按 Command 键即可调出应用程序的部分快捷键表(为什么是局部!因为有些 APP 的快捷键它读取不到)


姿势9: 如何远程控制协助!Mac QQ 木有这功能!


有时候遇到困难要抱好心大佬的大腿,怎么办!!


亦或者有时候看到一些菜鸟,心血来潮想"指点江山",怎么破!


这时候就需要这个闻名已久的软件了;


teamviewer: 全平台的远程会议或协助软件,非商用免费!!!!!!(你懂的)


macmac之间可以通过内置的远程控制来协助


姿势10: 让 MAC 更像 GNU ,命令行更加丰富


Coreutils - GNU core utilities

The GNU Core Utilities are the basic file, shell and text manipulation utilities of the GNU operating system. These are the core utilities which are expected to exist on every operating system.


brew install coreutils


姿势11: exa:更现代化的ls命令,用Rust写的`


A modern version of ‘ls’. the.exa.website/


brew install exa


姿势12: 免费好用的系统维护工具


很多人去找什么clean的付费版,其实国内的鹅厂还是挺良心的


-Tencent Lemon Cleaner : 监控和清除垃圾,省了两个app的钱


软件推荐


可以用 brew cask# , 付费用 $ 表示 , 免费则没有任何符号, ?代表付费服务


  • motrix : 全平台的下载工具,底层用的aria,速度贼快
  • KeepingYouAwake: 很赞的一个小工具,让你的本本不被睡眠(时间可控)
  • VS Code - #: 非常棒的代码编辑器
  • MindNode2 - $: 思维导图软件,很简洁,官方计划年末升级到5
  • VMware Fusion- $/#: 非常好用的虚拟机软件
  • FileZilla - #: 开源免费好用的 FTP 软件(全平台)
  • DBeaver -$/# : 非常实用的GUI数据库管理,支持多种数据库
  • VirtualBox - # : 开源全平台的虚拟机
  • Camtasia - $: 知名的屏幕录制工具,用来做视频教程妥妥的
  • Magnet - $:窗口快速排版工具
  • eagle - $: 设计师必备,素材管理工具,很强大
  • Navicat permium - $: 全平台的多数据库管理工具(很强大)
  • SourceTree: 全平台的 GUI git 管理客户端
  • 智图 : 腾讯出品的图片压缩平台,有客户端!!
  • Robo 3T: MongoDB数据库的本地管理工具
  • 微信开发者工具:基于nw.js 的,但是只打包了 win 和 mac 端!!不解
  • Trello - #/? : 办公协助软件,用过都说好..我单纯用来做个人列表清单规划(个人免费),有客户端
  • Dr.Unarchive: 解压缩软件,类似 win 上的好压,就是不知道有没有后x(appstore 有)
  • wiznote - ?:全平台的笔记软件,十多年的国产老牌..值得信赖
  • Calibre - #: 很强大的图书管理(全平台),可以用来建立一个本地图书库
  • [Gifox](gifox.io/ - $): 很喜欢这个 GIF 录制工具,小巧美观,也很便宜
  • Dash - ? : 很全面的手册汇总
  • charles - ? : http 的抓包分析


对于PS 全家桶ms office 全家桶这些就看人下载了.网上也有和谐的姿势(你懂的!)


QQ,优酷,腾讯视频,有道词典,QQ音乐,网易云音乐这些,


App store也有(部分应用可以直接brew cask),


但是啊,这里的版本可能不如他们推送的快.还有会有部分的功能限制(商店的限制比较多).

官网自家提供的有些需要用到管理员特权或者一些系统级的服务!!!


macos 也可以编译安装一些软件的!!!!


Q: 也有可能想说 markdown这些的工具呢?


VSCode 或者 Atom结合插件来写 markdown 我感觉已经很不错了,


可以做到各种高亮,快捷键补全,导出 PDF 等.


有人说我喜欢做事有安排!有没有清单类的应用!有挺多的,但是感觉毫无卵用. 内置的待办事项(适合当天)+邮件里面的日程安排(重复,未来,整天的行程安排)已经完美了..


总结


哦,对了,有人可能也想知道 Linux或者 unix 的命令能不能直接在 macos 使用; 早期的 mac 是基于 bsd 搞的,所以有一定的 unix 血统... 虽有部分命令相同,但是还有一些参数上的差异.


还有一些需要额外去安装,比如 wget,htop这些


双方都有的命令(mv,cp,history,file,more....)这些, 功能大同小异(更多的是参数上的区别!!!)


软件不在多,够用就好... 有一些比较敏感的就不推荐了(世界那么大,你不想看看!知识怎么学习的快!) 倘若盲目的去找工具,装那么一大坨很少用或者基本不会用到.纯属浪费生命和电脑磁盘空间


目录
相关文章
|
6月前
|
前端开发 测试技术
【前端验证】记录将发包量作为传参以加速debug的环境优化记录
【前端验证】记录将发包量作为传参以加速debug的环境优化记录
|
7月前
|
安全 Linux 测试技术
配置Goby工具环境(win,linux,macOS)
配置Goby工具环境(win,linux,macOS)
313 2
|
7月前
|
前端开发 开发工具 git
mac前端开发环境
mac前端开发环境
122 0
|
3月前
|
前端开发 JavaScript IDE
构建高效的前端开发环境
本文探讨了如何构建一个高效的前端开发环境,包括选择合适的开发工具、优化工作流程和提高代码质量的方法。通过本文的指导,读者可以更好地提升前端开发效率,快速构建出高质量的网站和应用程序。
|
3月前
|
前端开发 开发工具 开发者
构建高效的前端开发环境
在如今快节奏的软件开发领域,构建一个高效的前端开发环境变得至关重要。本文将介绍一些关键的工具和技术,帮助开发者提升前端开发效率,包括代码编辑器、版本控制系统、自动化构建工具、包管理器以及调试和性能优化等方面。
|
3月前
|
前端开发 API Docker
web前端开发项目走proxy代理后端接口,构建发布到生产等环境后,如何修改api接口
web前端开发项目走proxy代理后端接口,构建发布到生产等环境后,如何修改api接口
41 0
|
6月前
|
前端开发 测试技术 芯片
【前端验证】关于那道经典概率题,用UVM环境来仿真下是男孩的概率
【前端验证】关于那道经典概率题,用UVM环境来仿真下是男孩的概率
|
2月前
|
前端开发 JavaScript 测试技术
构建现代化前端开发环境的关键要素
【2月更文挑战第8天】 在当今快速发展的数字化时代,前端开发成为了互联网行业中不可或缺的重要组成部分。构建一个现代化的前端开发环境是提高开发效率和用户体验的关键所在。本文将介绍几个关键要素,包括响应式设计、前端框架选择、自动化构建工具以及代码质量保障,帮助开发者打造高效、稳定、可维护的前端开发环境。
|
2月前
|
数据安全/隐私保护 iOS开发 MacOS
|
2月前
|
前端开发 开发工具 git
构建高效的前端开发环境
【2月更文挑战第2天】本文介绍了如何构建一个高效的前端开发环境,包括选择合适的开发工具、优化代码编辑和调试流程、提高团队协作效率等方面。通过采用最新的前端技术和工具,开发人员可以更快速地构建出高质量的网站和应用程序。
36 1