[從零開始的程式生活-4] - 動手建立屬於你的開發環境!

點此看影片版

鼬~~~哩賀,我是寫程式的山姆老弟,歡迎回來「從零開始的程式生活」第四集

如果你是第一次來到我們的頻道的話,這個系列影片的目標,是想要讓毫無程式基礎的捧油們,能夠跟著這個系列,一起瞭解程式的用語、寫程式的好玩、甚至一起動手做,當作學習程式的敲門磚,讓更多人能夠以更低的門檻來學習程式,這系列的前兩集資訊我會放在這部影片的資訊欄,有興趣可以用力的給他補起來

上一集跟你說這次要帶你安裝屬於你自己的開發環境,沒錯,今天不是聊聊了,而是要捲起袖子一起安裝,咦,太短了沒得捲,那事不宜遲,我們就出發囉~

第一個要安裝的是:編輯器

我們要裝的是 Atom,原因是介面很簡單,新手也可以很好上手,其實是因為山姆覺得介面很好看哈哈哈,功能也很強拉,我覺得 Atom 的設計邏輯 跟 Notion 很像,都是把進階的功能隱藏起來,讓基礎用戶也可以很簡單上手,Atom 的進階功能是透過 擴充套件(Plugin) 來達成的,之後我會再拍一集來推坑山姆覺得好用的 plugins

我們開啟瀏覽器,打開 Google 搜尋兩個關鍵字: atom 空白 editor,第一個 https://atom.io 就是 Atom 的官方網站囉,我們稍微逛一下,首頁有個 Github 的貓貓 logo,因為 atomGithub 開發的,再來往下看到

A hackable text editor for the 21st Century
一個 21 世紀的可破解文字編輯器

這邊會寫 hackable 是因為 atom 完全開源,並且把 atom 的各個功能拆為各個 packages,每個功能獨立維護(畫面帶到),所以你如果用起來不滿意,你可以自己將原始碼下載下來,修改完後、提交你的程式碼給 atom 社群,社群還會根據你的程式碼給你一些建議,最後合併到 atom 的程式碼中,你的心血就會被其他 atom 的使用者所看見,這就是工程師的浪漫阿~

就等你成長到有能力可以貢獻開源社群的時候吧!阿啊,講太多了,我們都還沒開始寫程式就在做夢了XD,有夢是很重要拉,先回來現實,我們繼續看下去吧~

好的,先來下載吧,點擊 Download 按鈕就可以囉,大概 200 MB,應該很快,等待下載的途中,我們來看一下 Atom 的介紹

Teletype 是 Atom 的一個遠端多人協作共筆的功能,可以讓多個人透過網路同時寫同一份程式,像是 google docshackmd 那樣,會標記每個人的游標在哪裡,讓大家一起編寫同一份的程式碼,不過我其實沒用過,我沒有朋友 QQ

再來是 Atom 官方直接整合了 Github 的各種功能,畢竟是 Github 的親兒子,這也是很合理的一件事

最後看看官方提出的特色,

  1. 跨平台:可以在 Windows、macOS、Linux 上使用,學一套使用方法就可以到處帶著走
  2. 自動完成:會根據你現在寫的程式語言,給出建議的程式碼,相當好用
  3. 分割畫面:可以讓你同一個視窗,開多份程式碼,自由分配畫面比例
  4. 內建 package manager:可以方便安裝其他擴充套件,讓你的 atom 變得越來越像你喜歡的形狀
  5. 瀏覽檔案系統:可以讓你以 單檔整個專案 為單位來開啟
  6. 搜尋、取代:可以批次搜尋取代文字

下載下來之後,會是 .zip 檔,也就是壓縮檔,mac 預設有個 封存工具程式(Archive Utility) 可以處理 zip 壓縮檔,點兩下就能解壓縮,解壓縮後把 atom 拖到應用程式分頁內,就完成安裝囉,安裝好之後,cmd + 空白、輸入atom,再按 enter,等個幾秒鐘,他搭,atom 無腦安裝教學完成~

稍微帶你玩一下,一打開會顯示教學頁面,基本常用的就是

  • cmd + n:開啟一個新的空白檔案
  • cmd + s:儲存檔案
  • cmd + w:關閉分頁
  • cmd + q:結束 atom
  • cmd + o:開啟檔案或資料夾

第二個要安裝的是:執行環境

我們之後練習程式的程式語言是 Ruby,所以我們需要有可以執行 Ruby 程式碼的執行環境,如果你已經確定有 Ruby 的執行環境的話,可以直接跳到下一節(手掌托左邊)

mac 預設就已經有 Ruby 的執行環境了,我的 Macbook Air 是 2021 年 12 月底買的,我這邊預設裝的版本是 ruby 2.6.8p205 (2021-07-07 revision 67951) [universal.arm64e-darwin21]

通常我們靠 Ruby 吃飯的工程師,不會直接用系統預設安裝的 Ruby,為什麼呢?,因為我們通常會有好幾個 Ruby 專案,每個專案的 Ruby 版本通常都不太一樣,有一些比較早期開發的就會用比較舊的版本、新的專案的版本就比較新,我們通常會透過 rvmrbenv 來安裝不同的 ruby 版本,切換專案的時候,就切換不同的 Ruby 版本就可以了,不過因為我們這系列只是要透過 Ruby 練習,讓一切簡單就好

那怎麼確認你的 Ruby 版本呢?按下 Cmd + 空白鍵打開 spotlight,輸入終端機,按下 Enter,就可以打開 mac 內建的終端機,接下來輸入 $ ruby --version,如果跑出來的結果是 ruby x.x.xpx (yyyy-mm-dd revision 95aff21468) [arm64-darwin20],可以確定兩件事,第一件事是,你的電腦已經有 ruby 的執行環境,第二件事是你的電腦的 ruby 版本是 x.x.x;如果你跑出來的結果是 sh: ruby: not found,那就是沒有 Ruby 的執行環境,最簡單的安裝方式,就是透過 homebrew 套件來安裝最新穩定版的 Rubyhomebrew 是 mac 很有名的套件管理工具,先在終端機輸入 $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 來安裝 homebrew,安裝完 homebrew,再輸入 $ brew install ruby,就可以安裝最新穩定版的 Ruby 拉

總之,你只要在終端機內 $ ruby --version,不是跑出 command not found,就可以拉

現在,我們來試試看能不能成功執行 Ruby 的程式吧~

來,複製下面這段,然後視窗切換到 atomcmd + n 開啟一個新的空白檔案、cmd + s 儲存這個檔案到桌面,並且命名叫做 hello.rb,然後把以下的程式碼複製到 hello.rb 裡面

1
puts("早安台灣,山姆老弟我最喜歡")

所以現在我們切換到桌面,確認一下桌面有這個 hello.rb 的檔案,接著 cmd + 空白、輸入終端機,$ cd Desktop$ ruby hello.rb,執行結果會像是下面這樣,那就成功囉~,恭喜你寫下你人生中的第一個程式!

第三個要安裝的是:筆記軟體

其實也不一定要安裝,你也可以用網頁版就可以了,網頁版跟安裝版其實長得一樣,所以就看你個人喜好囉

那我們先來到 Notion 的官網,你可以選擇用 google 帳號,或是用 apple 帳號登入

Notion 預設會幫你創建幾個漂亮的模板筆記,你有空再自己觀賞一下,我們先點擊左邊側邊欄的加號,創建一個新的筆記,命名叫做 「我的程式筆記」,你可以自己換名字齁

Notion 支援大部分的 markdown 語法,可以照著你原本做筆記的方式做筆記,也可以參考以下我常用的幾個:

  • cmd + e: 短程式碼 / highlight
  • /code: 一整段程式碼

如果你覺得這集的內容有幫助到你的話,麻煩幫我順手按個讚、分享這部影片給你那個也想學程式的朋友哦,如果還想看到更多這系列的內容的話,可以訂閱我們的 Youtube 頻道、追蹤我們的 FBIG,還有訂閱我們的電子報,我們下次見,掰掰~


  • Copyright: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
  • Copyrights © 2021-2022 Sam Ho
  • Visitors: | Views:

請我喝杯咖啡吧~

支付宝
微信