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

config.cson 基礎(chǔ)教程

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。

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

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

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

    ]
  editor:
    invisibles:
      {}

    #表示是否按照上面設(shè)置過(guò)的「推薦行寬(默認(rèn) 80 個(gè)字符)」來(lái)折行,否則默認(rèn)按照屏幕寬度來(lái)折行
    softWrapAtPreferredLineLength: true      

    #是否開(kāi)啟折行
    softWrap: true      

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

    #顯示縮進(jìn)輔助線
    showIndentGuide: true

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

  #這個(gè)還有多個(gè)參數(shù),可以配置是否高亮顯示顏色等,此處是啟用滾動(dòng)動(dòng)畫(huà)
  minimap:
    scrollAnimation: true

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

  #待進(jìn)一步自定義
  "autocomplete-plus":
    {}
  #待進(jìn)一步自定義
  "linter-csslint":
    {}

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

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

  #啟用atom的自動(dòng)進(jìn)入引導(dǎo)界面..蠻實(shí)用的
  welcome:
    showOnStartup: true;

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

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

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

  #在文件更改時(shí)候生效(進(jìn)行查詢錯(cuò)誤)
  csslint:
    validateOnChange: true

  #這個(gè)是內(nèi)置的核心插件,自動(dòng)保存功能,挺實(shí)用的
  autosave:
    enabled: true

總結(jié)

新版本還有有眾多改進(jìn)的,我仔細(xì)的查詢了 core 插件,豐富了許多,也拋棄了許多過(guò)氣的 API; 有很多功能讓 Atom 更加人性化了…比如更改文件編碼,查詢項(xiàng)目?jī)?nèi)的文件進(jìn)行編輯等等。