Atom编辑器初步探索File篇

编辑器菜单File:


File菜单
  • new window/new file这些基本操作就忽略了;

  • init script : 每次启动初始化,atom会调用这个文件,可以加入一些基本的操作,如:"每次编写文件后保存时输出提示",加入如下语句:

atom.workspace.observeTextEditors(editor) ->editor.onDidSave ->console.log "Saved! #{editor.getPath()}"
  • keymap : 为不同的编辑区域添加快捷键;如编辑区设置自动换行快捷键:
'atom-text-editor': 'enter':'editor:newline'

或者为工作空间设置:

'atom-workspace':
'ctrl-shift-p':'core:move-up'
'ctrl-p':'core:move-down'
  • snippets: 设置代码片段(别名),在这个文件可以为一大段代码设置别名,直接在编辑器中输入别名自动补完代码,可以为常用代码设置。例子:
'.source.html': 
    'Console log':
      'prefix': 'html''
      body': 'console.log $1'

解释:

  • 配置的第一行指定该Snippet应用的文件类型,前面的圆点不可以忽略;就类似css的选择器
  • 配置的第二行是Snippet的别名,最好取一看就知Snippet的作用的那种名字
  • 接下来的prefix指明触发该Snippet的关键字
  • 多行的Snippet配置如下,就是用"""符号将一段body包起来
'.source.js': 'if, else if, else': 'prefix': 'ieie' 'body': """ if (${1:true}) { $2 } else if (${3:false}) { $4 } else { $5 } """
  • 新建后缀为js的文件,输入ieie提示如下:
js片段
  • sytles.less : 设置编辑器的样式,保存立刻生效,使用Less编写,如设置左侧目录树的样式,在代码位置设置如下:

    代码设置
设置后的效果
  • 工作区域右键菜单,视图:

    编辑区域
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容