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编写，如设置左侧目录树的样式，在代码位置设置如下：

  

  代码设置

设置后的效果

• 工作区域右键菜单，视图：

  

  编辑区域