摘要:基本的自定義在我們感受到中所有東西的便利之后,讓我們看看如何改進它。不像的選擇器,的鍵在每個對象中只能重復一次。語言特定的設置會覆蓋全局域的任何設置。作于域的名稱顯示在設置視圖中的每個語言的包中。
基本的自定義
在我們感受到Atom中所有東西的便利之后,讓我們看看如何改進它。可能有一些快捷鍵你經常使用但是感覺很別扭,或者一些顏色不是十分適合你。Atom具有驚人的靈活性,所以讓我們對它做一些力所能及的簡單調整。
使用CSON來配置所有Atom的配置文件(除了你的樣式表和初始腳本)全部用CSON編寫,全稱是CoffeeScript Object Notation。就像JSON(JavaScript Object Notation)的名字一樣,CSON是一個儲存結構化數據的文本格式,表現為由鍵值對組成的簡單對象的形式。
key: key: value key: value key: [value, value]
對象是CSON的基石,由縮進(像上面的文件那樣)或者花括號({})描述。一個鍵的值可以是字符串、數字、對象、布爾值、null或者上述數據類型的一個數組。
不像CSS的選擇器,CSON的鍵在每個對象中只能重復一次。如果存在重復的鍵,最后一次出現的那個會覆蓋其他所有同名的鍵。在Atom配置文件中也是如此。
避免這種情況:
# DON"T DO THIS ".source.js": "console.log": "prefix": "log" "body": "console.log(${1:"crash"});$2" # Only this snippet will be loaded ".source.js": "console.error": "prefix": "error" "body": "console.error(${1:"crash"});$2"
而是要寫成這樣:
# DO THIS: Both of these will be loaded ".source.js": "console.log": "prefix": "log" "body": "console.log(${1:"crash"});$2" "console.error": "prefix": "error" "body": "console.error(${1:"crash"});$2"樣式調整
如果你只是對個人樣式做一些應急的修改,而不打算發布整個主題,你可以在你的~/.atom目錄的styles.less文件中添加樣式。
你可以在編輯器中從Atom > Open Your Stylesheet菜單打開這個文件。
例如,要修改光標的顏色,你可以將一下規則添加到你的~/.atom/styles.less文件中:
atom-text-editor::shadow .cursor { border-color: pink; }
了解都有哪些class可用的最簡單方式,是通過開發者工具手動查看DOM。我們將在下一章詳細介紹這個工具,現在先簡單來看一下。
你可以通過按下alt-cmd-I來打開開發者工具,然后會彈出一個Chrome開發者工具面板。
你可以輕易查看到當前編輯器的所有元素。如果你想更新一些東西的樣式,你需要先知道它擁有哪個class,然后再你的樣式文件中添加一條Less規則。
如果你不熟悉Less,它是一個讓CSS變得更簡單的CSS預處理器,你可以訪問lesscss.org來了解關于它的更多信息。如果你更愿意使用CSS,這個文件也可以命名為styles.css來包含CSS。
自定義快捷鍵Atom從你~/.atom目錄中的config.cson文件中加載配置,它含有CoffeeScript格式的JSON,也就是CSON:
"core": "excludeVcsIgnoredPaths": true "editor": "fontSize": 18
配置本身以包名分組,或者一兩個核心的命名空間,比如core和editor。
你可以從Atom > Open Your Config菜單在編輯器中打開它。
快捷鍵配置參考
core
disabledPackages:被禁用的包名的一個列表
excludeVcsIgnoredPaths:不要加載.gitignore指定的文件
ignoredNames:在Atom中要忽略的文件名
projectHome:假定項目被存放的目錄
themes:要加載的主題名稱的數組,按照層疊順序
editor
autoIndent:開啟或關閉基本的自動縮進(默認為true)
nonWordCharacters:一個非單詞字符的字符串,來指定單詞邊界
fontSize:編輯器中的字體大小
fontFamily: 編輯器中的字體類型
invisibles: 一個Atom用來渲染空白字符的哈希表。鍵是空白字符的類型,值是被渲染成的字符(使用false來屏蔽單個的空白字符)
tab:硬tab字符
cr:回車(Carriage return,微軟風格的行末尾)
eol:字符 `
space:在開頭或末尾的空格字符
preferredLineLength:設定一行的長度(默認為80)
showInvisibles:是否將不可見字符渲染為占位符(默認為false)
showIndentGuide:是否在編輯器中顯示縮進標識
showLineNumbers:顯示或者隱藏行號
softWrap:開啟或關閉編輯器中的軟換行
softWrapAtPreferredLineLength: 開啟或關閉在preferredLineLength處軟換行
tabLength:tab字符所占空格字符的寬度(默認為2)
fuzzyFinder
ignoredNames:只在模糊查找中忽略的文件名
whitespace
ensureSingleTrailingNewline:是否將文件末尾的多個換行減少為一個
removeTrailingWhitespace:開啟或關閉清除行尾的空白字符(默認為true)
wrap-guide
columns:帶有pattern和column鍵的數組,用來將當前編輯器的目錄匹配到列中的位置
語言特定配置你也可以為不同的文件類型設置幾種不同的配置。例如,你可能希望Atom在Markdown文件中軟換行,在ruby文件中將tab顯示為兩個空格的寬度,在python文件中顯示為4個空格的寬度。
下面是作用于語言的幾種選項,這是它們的列表:
editor.tabLength editor.softWrap editor.softWrapAtPreferredLineLength editor.preferredLineLength editor.scrollPastEnd editor.showInvisibles editor.showIndentGuide editor.nonWordCharacters editor.invisibles editor.autoIndent editor.normalizeIndentOnPaste設置視圖中的語言特定配置
你可以在設置視圖中的每個語言的包中,編輯這些配置。只要在左邊的面板搜索你選擇的語言,選擇它,并且編輯它就好了。
配置文件中的語言特定配置你也可以直接編輯實際的配置文件。通過在命令面板中輸入“open config”并按下回車來打開配置文件。
全局設置在global鍵的下面。每種語言都有他們自己的頂級鍵,這個鍵就是這種語言的作用域。語言特定的設置會覆蓋全局域的任何設置。
"global": # all languages unless overridden "editor": "softWrap": false "tabLength": 8 ".source.gfm": # markdown overrides "editor": "softWrap": true ".source.ruby": # ruby overrides "editor": "tabLength": 2 ".source.python": # python overrides "editor": "tabLength": 4查找語言作用域的名字
為了有效地編寫這種覆蓋的設置,你需要知道語言的作用域名稱。我們已經在“代碼段格式”一節中,為了編寫代碼段而做過一遍了,現在我們簡單地重復一下。
作于域的名稱顯示在設置視圖中的每個語言的包中。在左邊的面板中尋找你選擇的語言,選擇它,然后你會在語言名稱的標題下面看到作用域名稱:
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/111099.html
摘要:注意本文目的不在開發一個什么什么插件,只告訴你如何進行開發注下文并無太多代碼,代碼建議到你新建一個模版插件然后你就擁有了所有的代碼,然后根據下文加深自己的理解,相信你會看懂它。開始開發入口文件有個方法釋放資源的方法不要做其他事情。 atom高級用法???除了自定義功能基本沒啥好玩,抱著裝逼的想法,搜了一波atom插件入門,發現說得太迷糊(可能是我太菜),然后打開了官網的插件文檔,細細的...
摘要:更多資源請文章轉自月份前端資源分享的作用數組元素隨機化排序算法實現學習筆記數組隨機排序個變態題解析上個變態題解析下中的數字前端開發筆記本過目不忘正則表達式聊一聊前端存儲那些事兒一鍵分享到各種寫給剛入門的前端工程師的前后端交互指南物聯網世界的 更多資源請Star:https://github.com/maidishike... 文章轉自:https://github.com/jsfr...
摘要:說明對后端服務來講,服務器由其高性能得到廣泛應用。原書為英文版,由于自己英語水平所限,在進行系統學習之前,大致瀏覽并使用翻譯工具將免費版服務器配置部分進行了漢化整理,并取名烹調書。手冊發布當前漢化版發布在烹調書,會于近期將源碼發布到。 說明 對后端服務來講,Nginx 服務器由其高性能得到廣泛應用。使用 PHP 語言從事后端服務開發工作 6 年,但是如何入門 Nginx 及如何配置優化...
摘要:知乎上也有相關的討論,開發的下一代編輯器莫非已經定義為上一代編輯器了嗎。 這篇是我在知乎的回答,原文在這里:justjavac: VS Code、ATOM這些開源文本編輯器的代碼實現中有哪些奇技淫巧? 研究 V8 比較多,也關注了一下 vscode 和 atom 的性能,每次 vscode、atom 的 change log 我都會看一遍。印象最深的是 vscode 1.14 的一次更...
閱讀 1922·2021-10-11 10:59
閱讀 1032·2021-09-07 09:59
閱讀 2225·2021-08-27 16:17
閱讀 2782·2019-08-30 15:54
閱讀 2273·2019-08-30 12:58
閱讀 1772·2019-08-30 12:53
閱讀 1465·2019-08-28 18:13
閱讀 732·2019-08-26 13:35