阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    Atom config.cson 基础教程

    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 更加人性化了…比如更改文件编码,查询项目内的文件进行编辑等等。

    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    目录