Noob's Space - 所有的文章 - 共有 189 篇文章 搜尋時間 4.494 秒

GitHub Codespaces:有瀏覽器就可以操作的 IDE

2020-09-20 22:57:10 by Noob's Space @ Noob's Space [引用來源]

如果對 Vim 還是覺得很難上手,或是對 Command Line 指令還是有點畏懼的話,像 GitHub Codespaces 這樣的線上編輯器可能是你的好夥伴! GitHub Codespaces 是 GitHub 新推出的功能,你可以直接在上面選擇一個 Repository(不一定要是自己的,別人的公開 Repository 也可以),等待約一分鐘後,就會建置一個開發環境讓你...... [閱讀更多]

GitHub CLI:用指令就能開 issue、發 PR

2020-09-19 22:49:50 by Noob's Space @ Noob's Space [引用來源]

用 Vim 在終端機裡寫程式,寫完了要推到 GitHub 上發 PR,丟給其他人審查。這個時候非得打開瀏覽器不可嗎?你可以考慮使用 GitHub CLI。 大家都知道 GitHub 上有許多功能,包含 Issue 管理問題、PR(Pull Request)管理還沒合進主要版本的程式碼。在許多公司或是開源專案開發,都會使用 GitHub 來控管程式碼、軟體品質。 而這幾天 Git...... [閱讀更多]

emmet.vim:快速打出 HTML 語法,也支援 JSX 語法

2020-09-18 23:10:44 by Noob's Space @ Noob's Space [引用來源]

emmet 是個讓你快速打出 HTML 語法的小工具,它使用了類似 CSS Selector 的語法,讓你快速打出你要的 HTML 語法。emmet.vim 則幫 Vim 編輯器加上了這個功能。 emmet 語法 如果你不知道 emmet 是什麼的話,很多編輯器都可以使用 emmet,包括 VS Code、Sublime Text、Atom 等等。安裝好之後就可以打縮寫並按下 ...... [閱讀更多]

Vim-gitgutter:快速查看本次 commit 新增了什麼

2020-09-17 21:15:58 by Noob's Space @ Noob's Space [引用來源]

你曾注意過 VS Code 左邊的顏色標記嗎?如果你有啟用 Git 追蹤的話,其實你新增、刪除或編輯某一行,都會有對應的顏色標記。Vim-gitgutter 可以讓你的 Vim 也有這個功能。 Git 其實是個高效能的工具。每次你 commit 的時候,它實際上不是把你的程式碼複製一份壓縮,而是只記錄這次 commit 的差異在哪裡。這也是為什麼 GitHub 上的 Pull Re...... [閱讀更多]

Syntastic:在 Vim 中檢查 JS 語法錯誤

2020-09-16 22:21:38 by Noob's Space @ Noob's Space [引用來源]

寫程式就是不斷的 debug,要是有一些顯而易見的語法錯誤可以直接被編輯器抓出來就好了。現在 VS Code 等編輯器都會先幫你抓出一些簡單的語法問題,Vim 也可以透過 Syntastic 達到這個效果。 Syntax Error vs. Semantic Error Syntax Error 是語法錯誤,有點像是文法錯誤,當語法錯誤的時候,電腦就不知道你真正想表達的意思是什...... [閱讀更多]

vim-airline:幫 Vim 新增一條狀態列

2020-09-15 21:18:19 by Noob's Space @ Noob's Space [引用來源]

VS Code 的下方有一條狀態列,可以看到目前到在哪個 branch、在第幾行編輯等等。Vim 也可以透過安裝 vim-airline 來達到類似的效果。 安裝 vim-airline 首先你需要 Vundle 才能安裝套件,如果你沒有安裝過 Vundle,請查看昨天的文章:Vundle:管理 vim 套件的工具 接著打開你的 ~/.vimrc 設定檔,在 Plugin ...... [閱讀更多]

Vundle:管理 vim 套件的工具

2020-09-14 10:57:41 by Noob's Space @ Noob's Space [引用來源]

Vundle 是個可以管理 Vim 套件的工具。只需要輸入套件的名字、儲存,Vundle 就會自動安裝,可以很方便的管理。 Vim 已經有一堆設定檔,可以把編輯器搞得酷炫,網路上也有也有很多教學跟整理好的腳本。不過有時候維護一堆設定檔也是有點麻煩(就像以前去抄一堆別人的 CSS 樣式貼在自己的網站上,然後都看不懂)。因此透過 Vundle 來管理套件,如果有人做成套件的話,只需要在...... [閱讀更多]

用 Vim 在 Chromebook 上開始工作吧

2020-09-13 21:16:02 by Noob's Space @ Noob's Space [引用來源]

帶著 Chromebook 到外面寫 Code 應該用什麼樣的工具?這篇文章告訴你為什麼 Vim 戰勝雲端編輯器和 VS Code 編輯器。 既然說 Chrome OS 就是瀏覽器,所以其實可以使用雲端開發工具。例如被 Amazon 收購的 Cloud9 IDE,或是使用 Code-server 架設雲端 Visual Studio Code 瀏覽器,甚至使用 GitHub 即將推...... [閱讀更多]

Chromebook 可以安裝其他作業系統嗎?

2020-09-12 21:20:41 by Noob's Space @ Noob's Space [引用來源]

Chromebook 內建 Powerwash 功能,可以一鍵回覆到原廠設定;就算你不慎把系統搞爛了,也可以到 Google 官網下載重灌用的 USB 隨身碟製作工具。那我可以在 Chromebook 上安裝 Windows 或其他作業系統嗎? Chromebook 有自己的安全限制,並不像一般的電腦還有 BIOS 選單還能進去調開機順序等功能,因此並無法安裝額外的作業系統。除此之...... [閱讀更多]

在 Chromebook 上開啟 Office 文件

2020-09-11 22:02:06 by Noob's Space @ Noob's Space [引用來源]

出門在外,老闆突然丟了一份 Word 請你幫他改,帶著 Chromebook 出門的你,接下來該怎麼辦呢? 你是一個支持開源的人,你也不想被軟體綁架。你會用 Notion 記東西,你連家裡 Raspberry Pi 的都是自己 3D 列印出來的。你就是那麼崇尚自由的拉風男人。但是不要跟錢過不去,當公司裡其他人都用 Word 在寫會議紀錄的時候,你是不可能逃離 Office 的魔掌的...... [閱讀更多]