Atom 編輯器簡介

官方網站：https://atom.io/

簡介

Atom 是一個社群力相當活潑的編輯器。 剛推出時，便以「使用 web 技術建造而成的編輯器」吸引了不少人的注意。它的設計簡單卻又不土氣，也跟現代的許多編輯器一樣，支援外掛的使用。

優劣

它最大的優點是有社群以及其開發者（GitHub）的大力支援，因此有為數眾多的外掛可供選擇。這些外掛讓 Atom 擁有了某些只有其他編輯器才有的功能（像是 minimap），或者提供了非常方便的工具（像是 pigment, color-picker）等。

Atom 一出世，幾乎馬上就讓人想到 Sublime Text 3（後稱作 ST3），也因此兩者之間常常被拿來比較。有許多在 2014 年的討論裡面指出， atom 的資源消耗量很大（CPU 和記憶體），也相當的慢，若是跟相當精省的 BBEdit 以及 ST3 比起來更是讓許多人無法接受。不過，幾乎沒有 2016 年的文章討論這件事情。

以千秋的個人經驗來說，目前尚未遇到操作瓶頸。

外掛

安裝外掛的時候，若從 atom 的 preference 中的 install 處安裝，搜尋完套件後不要馬上按下 install，而應該先稍等一小段時間，讓編輯器確認版本的相容性後方才安裝。

這裡列出千秋有使用的外掛

1. Web 相關
1. color-picker
   在程式碼中的顏色標記（像是 CSS 的 #RRGGBB）上面，按下 Ctrl + Alt + C 的話會彈出色彩選擇輔助對話方塊。
2. atom-ternjs
   提供 JS 的自動完成服務
2. 外觀
1. pigments
   在程式碼中的顏色標記（像是 CSS 的 #RRGGBB）上面直接顯示該標記所代表的顏色
2. minimap
   在編輯器的右側（預設）會顯示整份程式碼的縮圖
3. atom-material-syntax 以及 atom-material-ui
   文字套色以及編輯器界面更動。不過預設的就已經挺美的了。
4. file-icons
   比較漂亮的檔案圖示
3. 其他工具
1. todo-show

[VSCode] 檔案圖示無法顯示

症狀

如官方網站所示的精美圖示沒有被顯示出來 :(

解法

首先要確定你有要求 VSCode 顯示檔案圖示：

如果確定已經選擇了一個圖示佈景，卻還是沒有圖示，則可試著參考這裡。

VS Code 簡介

官方網站：https://code.visualstudio.com/

簡介

VSCode 是微軟公司所推出的程式碼編輯器，可以在各個主流平台上面運行。官方所釋出的預設模式已經包含了許多網路相關程式語言的支援（像是 JS, TypeScript, CSS, HTML 的編輯等等），並且可以利用外掛（Extension）來擴充其功能。也因為擴充功能的關係，它已經相當接近一個整合開發環境了。

授權小爭議

有人在 VSCode 的程式碼倉庫詢問了「為什麼官方的執行檔發布包和程式碼倉庫的授權不一樣」之問題，官方之回答重點有：

1. 有許多軟體也使用了這樣的流程（像是 Chrome 建立在 Chronium 之上，但 Chrome 使用了非自由軟體的授權）
2. 官方所散發的執行檔包裝是建置自 VSCode 的程式碼倉庫，不過在建置前，先調整了 product.json 使建置後的結果包含了微軟公司的商標、圖示等資料。
3. 若對官方散發的執行檔所附帶的授權合約不滿意，您可以自行由 VSCode 的程式碼倉庫下載原始碼，自行建置屬於自己的執行檔

雖然有這些解釋，然而還是有人沒辦法接受某些軟體以像是 VSCode 的授權方式釋出。

其他相關文章

• 檔案圖示無法顯示