Atom插件开发入门教程(一)
2017-01-06 10:00
489 查看
注:本文翻译自Atom官方网站教程并引入了一些本人的理解和感受。
原文翻译,将会使用蓝色字体。
建议英文好的同学们去阅读原文资料。
首先, 因为Atom是完全基于Web技术开发的,我们假定你了解JavaScirpt和CSS。而我们的开发都是用CoffeeScript和Less, 它们是JavaScript和CSS的预处理器。
如果你没用过 CoffeeScript,但精通 JavaScript,这也没问题。下面是CoffeeScript的例子:
CoffeeScript大概就是这个样子,当然你也可以用JavaScript来开发。如果时间允许,还是建议了解一下CoffeeScriptcoffeescript.org.
Less是CSS的简化版. 它在CSS的基础上引入了变量、函数等概念. 你可以在 lesscss.org学习Less的相关知识. 在插件开发过程中,我们不会用到太复杂的Less或CSS知识,有点基础就够了。
开始系统的翻译Atom插件教程时,我已经写了3个Atom插件了。从我的经验来看,只要有1年的Web开发经验,并熟练掌握JavaScript,就足够应付开发工作了。
原文翻译,将会使用蓝色字体。
建议英文好的同学们去阅读原文资料。
开发语言
首先, 因为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,就足够应付开发工作了。
相关文章推荐
- Atom插件开发入门教程(二)
- Atom插件开发入门教程(四)
- Atom插件开发入门教程(三)
- xbmc视频插件开发入门教程
- Chrome插件开发入门教程
- 基于jquery插件开发入门教程
- 使用 ADD-ON SDK 开发 基于 Html JQuery 和 CSS 的 firefox 插件入门教程1: 创建一个简单的 Add-on
- [手把手教]【整理一些discuz插件开发制作入门级教程】
- 插件__[手把手教]【整理一些discuz插件开发制作入门级教程】
- Chrome插件开发入门教程
- Atom插件开发入门教学(五)
- K3BOS插件开发入门教程
- [手把手教]【整理一些discuz插件开发制作入门级教程】
- xbmc视频插件开发入门教程
- Firefox扩展开发 (插件开发) Extension开发 入门教程 5步走 五步走
- IntelliJ IDEA插件开发入门教程(一)
- JavaBeans 程序开发从入门到精通教程
- PHP开发入门教程之面向对象
- Hibernate入门教程2--Hibernate3在Eclipse3.2下的简单开发
- Jigloo 开发 SWT 的入门教程