您的位置:首页 > 其它

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

2017-01-06 10:00 489 查看
注:本文翻译自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,就足够应付开发工作了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: