Meteor API with tab completion and syntax highlighting.
Find a file
2015-02-01 19:24:38 -05:00
grammars renamed CoffeeScript grammar to KoffeeScript, so it will show up after JavaScript 2015-02-01 19:24:28 -05:00
screenshots adjusted height of grammar snippets 2014-10-05 02:36:52 -04:00
snippets updated router api 2015-02-01 19:07:34 -05:00
stylesheets Fixed deprecations in color coding 2015-01-16 10:45:17 +00:00
.gitignore initial comimt 2014-10-02 14:31:19 -04:00
LICENSE.md initial comimt 2014-10-02 14:31:19 -04:00
package.json Prepare 2.11.0 release 2015-02-01 19:24:38 -05:00
README.md updated api.md link 2015-02-01 17:49:57 -05:00

Meteor API for the Atom Editor

Bring Isomorphic Meteor javascript to the editor with autocomplete, code snippets, color-coded grammar, syntax highlighting, and more! Code faster and with fewer mistakes!


Meteor API Version

0.9.3


Installation

Simply go to Atom > Preferences > Packages, search for Meteor Api, and install the package! Then just be sure to select Javascript (Meteor) as your grammar.

Javascript Grammar Select


Color Coded Meteor Syntax

Meteor-Api Code Sample


Meteor API Code Snippets

Complete List of Covered Meteor API Syntax

Meteor-Api Grammar


Setting Up Atom As an Integrated Development Environment

If you want even more Meteor integration, try installing the following packages for an integrated, isomorphic, pure-javascript development environment. (This list will be updated as new packages are added to the Atom ecosystem).

Atom Lint
Atom Beautify
Atom Handlebars
Atom Jshint
Atom Prettify
Angularjs
Atom Angular
Atom Bootstrap
Autocomplete
Autocomplete +
Bracket Matcher
File Types
Filetype Color
Grammar Selector
Language Spacebars
Meteor Api
Meteor Helper
Orbit
Wrap Guide

Then open your config.cson file with Atom > Edit > Open Your Config and add the following under global:

  'file-types':
    'html': 'text.html.spacebars'
    'js': 'source.js'
Enabling Handlebars Linting (a bit more hacky)
  1. go to Atom > Preferences > Packages, search for Linter Handlebars and install the package
  2. click on Settings to open its settings page and click on Open in Atom
  3. edit the file linter-handlebars/lib/linter-handlebars.cofee and add text.html.spacebars to the list of supported syntaxes. At the time of writing this list appears on line 7: make sure it eventually looks like:
  @syntax: ['text.html.handlebars', 'source.hbs', 'source.handlebars', 'text.html.spacebars']

Please be aware that you might need to repeat this editing operation everytime the package Linter Handlebars gets updated.


Open Files From the Command Line

If you haven't created a symlink for atom, try the following snippet to launch Atom from the command line.

# link your atom binary so it can be run from the command line
sudo ln -s /Applications/Atom.app/Contents/MacOS/Atom /usr/local/bin/atom

# open a file
meteor create helloworld
cd helloworld
atom helloworld.js

Acknowledgements / Contributors

A big shoutout to ThusStyles for piecing together the original meteor-snippets atom package!


Todo

Blaze Syntax Highlighting
Handelbars/Spacebars Syntax
Meteor Version of Autocomplete
Meteor Version of Extract Method
Meteor Symbols
Meteor Symbols: Goto Declaration

ctags -R . for extracting method definitions; add ctags file to meteor projects