Atom编辑器折腾记_(6)config.cson基础教程

号外

昨天,atom官方更新了atom的版本;

把之前内置到core的核心插件autocomplete替换成autocomplete plus,还做了许多修正,具体看这里

Notable Changes

  • Atom now bundles Autocomplete Plus and the completion providers for HTML, CSS, Less, Sass, snippets, and the Atom API
  • Opening editors is now significantly faster than previously releases
  • Fixed an issue where packages with invalid Git repository URLs in their package.json file wouldn’t load
  • Running atom with no arguments from the command line now re-opens the previously-opened windows. Use atom . to open the current working directory
  • Fixed an issue that prevented Atom from re-opening its previously opened windows during startup on Linux and Windows
  • The Fuzzy Finder now highlights the portions of the file path that match the search text
  • The Command Palette now highlights the portions of the command name that match the search text
  • Fixed an issue on Linux and Windows 7 where the spell checker would fail to highlight misspelled words
  • Fixed an issue where fs and path would be accidentally available as global variables

激动之余我把之前安装的autocomplete plus插件卸载了.因为官方内置内到核心插件了…下载到新版本,直接解压完全覆盖之前的版本;


config.cson

下面是我个人的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:
      {}

      #这一块在设置内部直接可以天空的,比如字体类型,大小是否显示辅助线(缩进)
    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更加人性化了…比如更改文件编码,查询项目内的文件进行编辑等等

非常期待正式版1.0;到时候再做介绍

还有一些迷人的特性和功能,待我再研究下,再分享给小伙伴们!!

时间: 2024-10-26 13:41:02

Atom编辑器折腾记_(6)config.cson基础教程的相关文章

Atom编辑器折腾记_(11)编辑器实时预览HTML页面(插件:Atom HTML Preview)

为何寻找 每次预览HTML页面,都需要打开各种浏览器;哪怕不是调试,只是为了查看下效果; 切换来切换去,各种刷新,感觉有些浪费时间;以前用过DW的实时预览,感觉这个功能很赞; 又踏上了atom插件仓库慢慢寻找之路-.. 插件:atom-html-preview 官方描述:A live preview tool for Atom Editor. 简言之:Atom编辑器内实时预览的工具 获取方式 通过命令行安装 apm install atom-html-preview 通过编辑器内部的instal

Atom编辑器折腾记_(4)按键绑定keymap

简介 Atom编辑器支持自定义按键绑定,文件格式是CSON; 何为CSON 官方解释: This file uses CoffeeScript Object Notation (CSON). 我的解释: JSON + CoffeeScript 写法基本是JSON的写法 按键绑定组成 如图: 设置内的键盘映射图很好的说明了 按键绑定 = 快捷键(Keystroke) + 执行命令(Command) + 来源(Source) + 选择器(Selector) 快捷键不用解释了 执行命令就是按下快捷键所

Atom编辑器折腾记_(10)CSScomb增强版[CSS/LESS/SASS]

何为CSScomb 官方网站只有一句描述: Makes your code beautiful(让你的代码更漂亮) 通俗点讲: CSScomb是用来排版CSS代码的-可以说是格式化插件,依赖nodejs 获取CSScomb–这不是今天的话题 官方网站: CSScomb 支持许多编辑器,比如Sublime/Atom/brackets等 第三方CSScomb-这才是今天的话题 昨天写了篇CSS3的文章-发现代码有点混乱..人力排版有点--.所以跑去atom插件库寻找csscomb Atom -> s

Atom编辑器折腾记_(21)修复`Atom-Beautify: Migrate Settings`问题

前言 不管在公司还是在家,我都挺喜欢用atom的,所以配置什么都用sync-settings这个插件来同步, 今晚回到家,同步一下...发现大部分配置正常了..唯独Atom-beautify有点抽风: 问题 一直报'Atom-Beautify: Migrate Settings, unsuppor......' 解决办法 找了许久,从配置开始文件着手找...又翻墙找了下...大体解决如下: 按下ctrl+shift+p[command-palette] , 键入Atom-Beautify: Mi

Atom编辑器折腾记_(23)加快React开发的插件汇总【浪一波】

前言 汇总下比较实用的atom插件[偏react开发的]-- 暂时应该没有比我更全面的!嘎嘎 atom-react-autocomplete–项目内,组件名及状态的自动补全 autocomplete-js-import–模块导入智能提示 emmet-jsx-css-modules– React内的Emmet补全,非单纯的expand[class => className ]!! language-javascript-jsx – JavaScript, ES6, ES7, React JSX,

Atom编辑器折腾记_(1)介绍下载安装

何为ATOM Atom是专门为程序员推出的一个跨平台文本编辑器.具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言.它支持宏,自动完成分屏功能,集成了文件管理器. 为什么用ATOM 开源 - 遵循MIT协议,代码托管在github上 多平台 - 支持MAC/WIN/LINUX(支持源码编译安装,也提供二进制安装包) 丰富的插件库 - 开源到现在一年了..社区的各种插件丰富起来了,且atom的插件支持在线更新! 类Sublime - 风格和s

Atom编辑器折腾记_(13)JS代码智能提示补全(插件:atom-ternjs)

题外话 官方正式版虽然内置了.autocomplete-plus;最为明显的一个功能就是记忆你已经输入过的名称进行匹配; 但是针对于某些语言来说,还是有些不足的-.其中JS的补全上就明显不足了-所以需要借助插件来拓展 atom-ternjs 官方描述: Javascript code intelligence for atom with tern.js. Uses suggestion provider by autocomplete-plus. 简言之,就是JS代码智能提示,个人也希望以后可以

Atom编辑器折腾记_(8)分屏操作

分屏 何为分屏..请看此图 为何要分屏 用过linux的小伙伴都知道,分屏耍的好,可以提高工作效率的 如何获取Atom的分屏命令 最简易的,进入设置中心的快捷键列表,搜索pane 和 split 就可以看到命令和选择器了 查询官方手册 为何不用默认的分屏快捷键 有些失效了.就是按了没反应,应该和一些插件冲突了 不习惯,符合自己习惯的才是最高效的 自定义快捷键 为何这样自定义我写在注释里面了-vi/vim #分屏快捷键自定义 #alt-fkey是分屏的方向,仿vim模式 #ctrl-fkey是光标

Atom编辑器折腾记_(9)实用侧边栏插件[仿Mac OS finder]

插件介绍:tree-view-finder 修改目录树跟Mac OS Finder相似 - 在目录树显示文件大小和文件修改日期及文件的大小 - 可以根据文件名/大小/文件修改日期进行排列 - 双击文件可以调用外部编辑器打开所要编辑的文件 安装及使用 两种安装方法 apm install tree-view-finder Atom->settings(设置)->install(安装)->搜索tree-view-finder - 推荐 使用 Tips:(若是没有启用自身插件二步设置里面的Us