<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                <!-- 譯者:Github@wizadforcel --> # 基本的自定義 # 在我們感受到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`菜單打開這個文件。 ![](https://box.kancloud.cn/2015-12-28_5680b9fc2db0d.png) 例如,要修改光標的顏色,你可以將一下規則添加到你的`~/.atom/styles.less`文件中: ``` atom-text-editor::shadow .cursor { border-color: pink; } ``` 了解都有哪些class可用的最簡單方式,是通過開發者工具手動查看DOM。我們將在下一章詳細介紹這個工具,現在先簡單來看一下。 你可以通過按下`alt-cmd-I`來打開開發者工具,然后會彈出一個Chrome開發者工具面板。 ![](https://box.kancloud.cn/2015-12-28_5680b9fc42c94.png) 你可以輕易查看到當前編輯器的所有元素。如果你想更新一些東西的樣式,你需要先知道它擁有哪個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:字符`\n` + `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 ``` ### 設置視圖中的語言特定配置 ### 你可以在設置視圖中的每個語言的包中,編輯這些配置。只要在左邊的面板搜索你選擇的語言,選擇它,并且編輯它就好了。 ![](https://box.kancloud.cn/2015-12-28_5680b9fc6a714.png) ### 配置文件中的語言特定配置 ### 你也可以直接編輯實際的配置文件。通過在命令面板中輸入“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 ``` ### 查找語言作用域的名字 ### 為了有效地編寫這種覆蓋的設置,你需要知道語言的作用域名稱。我們已經在“代碼段格式”一節中,為了編寫代碼段而做過一遍了,現在我們簡單地重復一下。 作于域的名稱顯示在設置視圖中的每個語言的包中。在左邊的面板中尋找你選擇的語言,選擇它,然后你會在語言名稱的標題下面看到作用域名稱: ![](https://box.kancloud.cn/2015-12-28_5680b9fc82493.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看