Atom插件开发入门教程(一)

注：本文翻译自 Atom官方网站教程并引入了一些本人的理解和感受。
原文翻译，将会使用 蓝色字体。

建议英文好的同学们去阅读原文资料。

开发语言

首先, 因为Atom是完全基于Web技术开发的，我们假定你了解JavaScirpt和CSS。而我们的开发都是用CoffeeScript和Less, 它们是JavaScript和CSS的预处理器。

如果你没用过 CoffeeScript,但精通 JavaScript，这也没问题。下面是CoffeeScript的例子:

MyPackageView = require './my-package-view'

module.exports =
  myPackageView: null

  activate: (state) ->
    @myPackageView = new MyPackageView(state.myPackageViewState)

  deactivate: ->
    @myPackageView.destroy()

  serialize: ->
    myPackageViewState: @myPackageView.serialize()

CoffeeScript大概就是这个样子，当然你也可以用JavaScript来开发。如果时间允许，还是建议了解一下CoffeeScriptcoffeescript.org.

Less是CSS的简化版. 它在CSS的基础上引入了变量、函数等概念. 你可以在 lesscss.org学习Less的相关知识. 在插件开发过程中，我们不会用到太复杂的Less或CSS知识，有点基础就够了。

开始系统的翻译Atom插件教程时，我已经写了3个Atom插件了。从我的经验来看，只要有1年的Web开发经验，并熟练掌握JavaScript，就足够应付开发工作了。