Meteor API with tab completion and syntax highlighting.
Find a file
2015-05-27 08:45:35 +01:00
grammars Match operators, (some keywords) 2015-05-27 08:45:35 +01:00
screenshots adjusted height of grammar snippets 2014-10-05 02:36:52 -04:00
settings renamed scoped-properties/ to settings/ dir 2015-05-06 20:46:30 -05:00
snippets html grammar 2015-05-06 16:24:23 -05:00
styles readme updates 2015-04-23 21:56:00 -05: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.19.0 release 2015-05-06 20:46:41 -05:00
README.md readme updates 2015-04-23 21:56:00 -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

1.0.3.1


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

If you'd like to permanently make all javascript default to the Javascript (Meteor) grammar, disable the language-javascript package!


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
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! And to zaku-eu for language-spacebars!


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