iT邦幫忙

2017 iT 邦幫忙鐵人賽
DAY 2
3
Modern Web

Half-Stack Developer 養成計畫系列 第 2

工具人推薦的工具組合:Sublime, Iterm 與 zsh

工具人推薦的工具組合:Sublime, iTerm 與 zsh

來,大家先一起為這個標題幫 QQ 個十秒鐘。十、九、八、七、六、五、四、三、二、一,好。

上一篇忘了講,因為我自己的電腦是用 Mac,用得十分習慣,因此這篇文章也會有 Mac 當作主要的開發環境。
如果你是用 Windows 或是其他作業系統,環境設定就必須你自己搞定了。但其實這一篇裡面要講的三個東西,大概只有 iTerm 只在 mac 上有而已,其他的都可以找到替代方案。

文字編輯器

首先要介紹的是 Sublime,他就只是個文字編輯器而已。什麼是文字編輯器呢?你在 windows 上用的記事本,就是拿來開 .txt 純文字檔案的那個就是文字編輯器,你可以在上面編輯檔案,寫一些廢文。

為什麼需要用到文字編輯器呢?因為要寫程式就要寫程式碼,而程式碼本身其實就是一堆文字組合在一起,跟中文的差別只是一個電腦看得懂,一個電腦看不懂而已。所以在寫程式的生涯之中,你會很常用到文字編輯器,這時候找一個好用的就好重要了。我個人是偏好 Sublime,但若是你平常就習慣用別的,或是覺得其他的更炫更好,那當然也可以去用其他的。

在安裝結束之後建議大家可以先裝一些 plugin 或是美美的 theme,看了會讓你心情很舒服,我的 Sublime 長這樣:

http://ithelp.ithome.com.tw/upload/images/20161211/20091346WgRgPXtU1a.png

我用的是這個:material-theme

如果你還想找找看有沒有其他好用的文字編輯器,可以用下列關鍵字去搜尋看看

  1. Vim(學會之後看起來超級帥,真的)
  2. Emacs(我是沒用過啦)
  3. Notepad++(沒記錯的話只有 Windows 有,還滿好用的)
  4. Atom(Github 出的文字編輯器)

總之,無論挑選哪一種都可以,就找一個適合你的吧。

而通常這種文字編輯器最強大的功能就是可以裝很多 plugin,簡直就是如虎添翼。
不過我自己是都不常用,因為我懶的裝也懶得去研究,如果有興趣的你就自己去 Google 就好
關鍵字就打什麼: sublime 外掛 推薦,或是 sublime 必裝 外掛 都可以

iTerm

第二個要介紹的是 iTerm,長這個樣子

http://ithelp.ithome.com.tw/upload/images/20161211/20091346kyP6BGCecb.png

在講 iTerm 之前,你必須先知道什麼是 Terminal,簡單來說就是一個可以讓你對電腦輸入指令的地方
以 Mac 來說,就是 Terminal.app,你可以試著開啟一下就知道了

http://ithelp.ithome.com.tw/upload/images/20161211/20091346471UEokUlO.png

但是呢,大家可以看到內建的 terminal 長得並不是很好看,而且沒有分頁功能。所以我們需要 iTerm 來調整一些東西,而且最重要的是他有分頁功能,可以讓你在多個 terminal 之間切換自如。

因為 iTerm 只有 Mac 有,所以如果你是用其他作業系統的話,可以自己找找看有沒有類似的解決方案,Google 的關鍵字也很簡單,大概就是iterm windows 或是 iterm alternative

如果都找不到,其實只用系統內建的也可以,但我自己是認為沒那麼好用就是了。

zsh

最後要介紹的是 zsh,特別是 oh-my-zsh 這個專案。

在講 zsh 之前,你必須知道什麼是 shell,還記得你剛有打開 Terminal 嗎?然後不是可以輸入指令,然後輸入之後電腦就會做出一些相對應的動作。來處理這些輸出入的程式就叫做 shell,電腦裡面都會有內建的 shell。

那既然有內建的,也會有其他人自己做的另外的版本,其中一個就叫做 zsh,然後 oh-my-zsh 幫你整理好一堆漂亮的版型跟好用的外掛,讓你可以用簡單的指令就安裝好這些東西。

如果你是用 Mac,那內建就有 zsh 了。如果你是用 Windows,可以參考保哥的這一篇:介紹好用工具:Cmder ( 具有 Linux 溫度的 Windows 命令提示字元工具 )

當你都安裝完畢之後,恭喜你有了一個漂亮又好用的開發環境,光是看了就心情很好,工作效率就提升兩倍。
來,我們幫自己來個掌聲慶祝一下!啪啪啪啪啪啪啪啪啪

如果你想知道更詳細的,可以參考我之前寫過的:[心得] iTerm2 + zsh,打造更好的工作環境

如果你不知道什麼是:ls, cd, rm,那請你先去學習這些指令,因為這些是「必備技能」,往後的課程全部都會需要用到這些基本指令。
我知道你很懶惰,這邊直接推薦幾個學習資源:

  1. 介紹命令行(command-line)介面
  2. Mac OS X Terminal 終端機常用語法教學
  3. 簡易terminal指令
  4. Learn the Command Line | Codecademy

我可以在這邊先大概跟你簡單介紹一下,總之呢這些指令其實都代表著某些簡寫,然後目的是為了用文字來操控電腦。
例如說 rm 其實就是 remove,因為如果指令叫做 remove,不覺得要打很字很煩嗎?所以簡寫成 rm 可以減少很多負擔。
所以 rm a.txt 就是把那個檔案刪除的意思

基本概念差不多就是這樣,更細節的操作我這邊不打算講,你可以自行參考上面的那些學習資源。畢竟,這些自學的能力其實才是最重要的,在這系列教學我可以給你很多資源,但學習這件事情還是要靠你自己啊,施主。

總結

有了這三項工具,基本上往後的單元你都可以輕鬆應付了,不會再多出什麼軟體要你安裝,我自己平常工作上也差不多就用到這三個而已。
而這些用的人都很多,所以網路上資源也很多,假設你安裝不了,google 一下大概有 87% 的機率會有解答。
對了,會 Google 的能力也超級重要,如果覺得不太擅長的人可以找機會多加練習看看

最後,恭喜你成為了工具很多的,名符其實的工具人。歡迎加入工具人聯盟。


上一篇
緣起不滅
下一篇
皇輿全覽圖:前後端架構總覽
系列文
Half-Stack Developer 養成計畫30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

1
馬克
iT邦研究生 3 級 ‧ 2016-12-12 11:53:14

vim的潮度真的100~超潮的

0
huli
iT邦新手 3 級 ‧ 2018-01-16 23:49:28

我是留言123

huli iT邦新手 3 級 ‧ 2018-01-16 23:49:36 檢舉

子留言

微中子 iT邦新手 4 級 ‧ 2018-01-17 02:27:00 檢舉

??

我要留言

立即登入留言