您的位置：極速下載站→ 資訊首頁 → 軟件教程 → 電腦軟件教程 → Atom官方下載創建主題圖文教學

Atom官方下載創建主題圖文教學

時間：2021-06-03 10:56:14 作者：無名瀏覽量：52

Atom是一款專業的代碼文本編輯工具，是對 GitHub 通過合作構建更好軟件的主要使命的完美補充，本軟件一直在進行持續的更新，想圍繞文本編輯器建立一個繁榮、持久的社區，它必須是開源的，是免費的，添加應用程序和上下文菜單項，操縱窗口尺寸等，需要的朋友趕緊下載體驗吧！

創建主題

Atom 的界面使用 HTML 呈現，并通過CSS 的超集Less進行樣式設置。如果您以前沒有聽說過 Less，請不要擔心；它就像 CSS，但有一些方便的擴展。

Atom 支持兩種類型的主題：UI和Syntax。UI 主題樣式元素，例如樹視圖、選項卡、下拉列表和狀態欄。語法主題為編輯器視圖中的代碼、裝訂線和其他元素設置樣式。

Atom官方下載創建主題圖文教學圖1

可以從設置視圖安裝和更改主題，您可以通過選擇文件 > 首選項菜單打開該視圖，然后單擊左側導航中的“安裝”或“主題”選項卡。

入門

主題非常簡單，但在開始之前熟悉一些事情仍然很有幫助：

Less 是 CSS 的超集，但它有一些非常方便的特性，比如變量。如果您不熟悉其語法，請花幾分鐘時間熟悉一下。

您可能還想查看 a 的概念package.json（如Atom 中所述package.json）。此文件用于幫助將您的主題分發給 Atom 用戶。

您的主題package.json必須包含一個theme值為ui或的鍵，syntax以便 Atom 識別并將其作為主題加載。

您可以在atom.io 主題注冊表中找到要安裝或分叉的現有主題。

Atom官方下載創建主題圖文教學圖2

創建語法主題

讓我們創建您的第一個主題。

首先，按下Ctrl+Shift+P并開始輸入“生成語法主題”以生成新的主題包。選擇“生成語法主題”，系統會詢問您創建主題的路徑。讓我們打電話給我們的motif-syntax。

Atom官方下載創建主題圖文教學圖3

Atom 將顯示一個新窗口，顯示motif-syntax 主題，并為我們創建了一組默認的文件夾和文件。如果您打開設置視圖Ctrl+，并單擊左側的“主題”選項卡，您將看到“語法主題”下拉列表中列出的“主題”主題。從菜單中選擇它以激活它，現在當您打開編輯器時，您應該會看到新的motif-syntax 主題正在運行。