鍍金池/ 教程/ C++/ config.cson 基礎教程
atom-minify(CSS/JS壓縮神器)
JS 代碼智能提示補全
自定義按鍵綁定
Emmet 實例教程
基礎
插件主題推薦
CSScomb 增強版
編輯器實時預覽 HTML 頁面
JS 代碼片段補全
Atom 內運行 gulp 的實現方法
簡介
Sync-setttings(插件-備份神器)
實用側邊欄插件
保存與預覽功能
Atom 代碼輸入震動效果
深入自定義快捷鍵
分屏操作
config.cson 基礎教程
JQ 代碼片段補全

config.cson 基礎教程

Atom 把 core 的核心插件 autocomplete 替換成 autocomplete plus。

config.cson 配置

"*":
  "exception-reporting":
    userId: "dce1a874-569c-0d60-1714-66461c6d20f9"
  core:
    themes: [
      "graphite-ui"
      "seti-monokai"
    ]
    disabledPackages: [

    ]
  editor:
    invisibles:
      {}
    softWrapAtPreferredLineLength: true
    softWrap: true
    fontFamily: "monoca"
    fontSize: 20
    showIndentGuide: true
  linter:
    statusBar: "Show all errors"
  minimap:
    scrollAnimation: true
  "tree-view":
    hideVcsIgnoredFiles: true
  "autocomplete-plus":
    {}
  "linter-csslint":
    {}
  "vim-mode":
    startInInsertMode: true
  "filetype-color":
    enabled: "true"
  welcome:
    showOnStartup: true;
  "isotope-ui":
    {}
  "file-icons":
    onChanges: true
    forceShow: true
  "atom-beautify":
    _analyticsUserId: "cde3641c-d5ee-4ccb-9d45-37f85f7e98e9"
  csslint:
    validateOnChange: true
  autosave:
    enabled: true

從上面的代碼可以看出配置文件是作用于全局的。

最主要分為兩大類,一類是 core,一類是 editor。

下面這個版本是加注釋的(我用#開頭的都是注釋),大伙可以參考下。

"*":
  #這個用戶ID用于提交異常的,官方描述:Reports uncaught Atom exception to bugsnag.com
  "exception-reporting":
    userId: "dce1a874-569c-0d60-1714-66461c6d20f9"
  core:
    #主題設置,主題和語法主題同時配置需要用中括號包含;若是單一主題則不需要,只需要雙引號即可.
    themes: [
      "graphite-ui"
      "seti-monokai"
    ]

    #這里跟Sublime Text的配置"ignored_packages": ["package_name"]一樣的效果,禁用某某插件
    disabledPackages: [

    ]
  editor:
    invisibles:
      {}

    #表示是否按照上面設置過的「推薦行寬(默認 80 個字符)」來折行,否則默認按照屏幕寬度來折行
    softWrapAtPreferredLineLength: true      

    #是否開啟折行
    softWrap: true      

    #字體及字體大小
    fontFamily: "monoca"
    fontSize: 20

    #顯示縮進輔助線
    showIndentGuide: true

  #這一塊基本都是所有插件的配置 ,具體都可以參考插件作者的介紹再做調整
  #顯示所有錯誤 
  linter:
    statusBar: "Show all errors"

  #這個還有多個參數,可以配置是否高亮顯示顏色等,此處是啟用滾動動畫
  minimap:
    scrollAnimation: true

  #忽略顯示一些文件  
  "tree-view":
    hideVcsIgnoredFiles: true

  #待進一步自定義
  "autocomplete-plus":
    {}
  #待進一步自定義
  "linter-csslint":
    {}

  #vim-mode這個插件默認啟用的方式是插入,而不是命令模式
  "vim-mode":
    startInInsertMode: true

  #這個是更改文件類型顏色(插件),這里啟用了
  "filetype-color":
    enabled: "true"

  #啟用atom的自動進入引導界面..蠻實用的
  welcome:
    showOnStartup: true;

  #UI主題的自定義,,空則不生效
  "isotope-ui":
    {}

  #插件生效,更多樣化的文件圖標
  "file-icons":
    onChanges: true
    forceShow: true

  #這個是排版插件帶的,,這里的用戶ID的作用不清楚
  "atom-beautify":
    _analyticsUserId: "cde3641c-d5ee-4ccb-9d45-37f85f7e98e9"

  #在文件更改時候生效(進行查詢錯誤)
  csslint:
    validateOnChange: true

  #這個是內置的核心插件,自動保存功能,挺實用的
  autosave:
    enabled: true

總結

新版本還有有眾多改進的,我仔細的查詢了 core 插件,豐富了許多,也拋棄了許多過氣的 API; 有很多功能讓 Atom 更加人性化了…比如更改文件編碼,查詢項目內的文件進行編輯等等。