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