MacOS : 大前端必備姿式(工做環境)

時間 2019-11-16

標籤 macos 前端必備環境简体版

原文原文鏈接

前言

加快剛入手MacBook的小夥伴上手速度。如果有Linux使用經驗，會更快。php

快捷鍵篇

系統快捷鍵這種東西還須要寫麼? 官方快捷鍵文檔 涵蓋了文檔操做,截圖,窗口管理器等通用快捷鍵或者全局快捷鍵html

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 家族的 yumnode

brew

Bash可能會打印出來一大坨信息,一些不必的我就刪除不展現了.只說重要的...python

用法:nginx

/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;git

差點忘記說了,用brew安裝的一些服務如何啓動重啓這些呢? ,好比nginx ,github

brew有一個服務的總控制器;看 bash 打印一目瞭然.web

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 什麼都有.redis

安裝 brew cask 須要基於 brew , 終端執行 brew tap caskroom/cask;

看到tap是否是有一種熟悉感!沒錯,就是相似ubuntu的sudo 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這樣就行

wireshark --- 知名的抓包工具
virtualbox --- 開源的虛擬機,我感受夠用了...
postman --- 接口測試工具,必備
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)

複製代碼

前幾個屬於必備的:

git : 提供了豐富的 git alias
autojump : 還在一直 cd xxx? 只要訪問過的(會索引緩存路徑),一鍵直達:j(autojump) xxx
node : 打開 node api 文檔
npm : npm 智能提示
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?

首推:VSCode(開源免費) : 很是強大的編輯器
其次Sublime Text 3(付費,但可無償使用) 或者 Atom(開源免費)
最後Webstorm(付費)

如果兼顧混合開發,安卓開發首選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: 全平臺的遠程會議或協助軟件,非商用免費!!!!!!(你懂的)

mac與mac之間能夠經過內置的遠程控制來協助

姿式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.