Marko Language

Adds syntax highlighting, autocompletion, hyperclick and tag matching to Marko files in Atom.

Contributions are greatly appreciated. Please fork this repository and open a pull request to add snippets, make grammar tweaks, etc.

Overview

Features overview:

• Syntax highlighting
• Tag matching
• Tag and attribute autocompletion
• Code snippets
• Hyperclick (clickable tags and attributes)
• Prettyprinting (marko-prettyprint is used internally)

Installation

apm install language-marko

Features

Syntax highlighting

Tag matching

Autocomplete

The package provides an autocomplete-plus provider that provides advanced tag and attribute autocompletions for Marko templates in Atom.

This provider uses the Marko compiler to get an accurate list of available Marko custom tags and attributes for each template. In addition, this provider also provides full support for autocompleting standard HTML tags and attributes.

Custom tags and attributes

Snippets

Standard HTML tags and attributes

Concise and HTML syntax support

Marko Widgets

Lasso.js

Hyperclick

The package provides a hyperclick provider that makes regions of Marko templates clickable in Atom so that you can quickly jump to a custom tag implementation, an attribute definition, a file referenced by a path, an event handler method, etc.

Clickable custom tags

Clickable custom attributes

Clickable file paths

Clickable Marko Widgets event handler methods

Prettyprint

NOTE: Prettyprinting should be configured by adding .marko-prettyprint and/or .editorconfig files to your project. Please see: marko-prettyprint - Configuration files

License

Licensed under the MIT License