An open API service indexing awesome lists of open source software.

https://github.com/iarthstar/vsce-presto-dom

Code Snippets for PrestDom in PureScript Syntax
https://github.com/iarthstar/vsce-presto-dom

presto presto-dom purescript vscode vscode-extension vscode-snippets

Last synced: about 2 months ago
JSON representation

Code Snippets for PrestDom in PureScript Syntax

Awesome Lists containing this project

README

        

# PrestoDom Snippets   ![Downloads](https://img.shields.io/visual-studio-marketplace/d/ias-vscode-ext.prestodom-snippets?style=social)

Code Snippets for PrestDom in PureScript Syntax

![Use Extension](assets/PrestoDom-Typing.gif)

## Usage

Type part of a snippet, press `enter`, and the snippet unfolds.

### View Snippets

| Snippet | Purpose |
| -------------------- | -------------------------------------------------- |
| `_ll` | linearLayout |
| `_rl` | relativeLayout |
| `_tv` | textView |
| `_et` | editText |
| `_iv` | imageView |
| `_llHW` | linearLayout with weight "1" and width $ V 1 |
| `_llVW` | linearLayout with weight "1" and height $ V 1 |

### Prop Snippets

| Snippet | Purpose |
| -------------------- | -------------------------------------------------- |
| `_sh` | shadow |
| `_mg` | margin |
| `_pd` | padding |

### Misc Snippets

| Snippet | Purpose |
| -------------------- | -------------------------------------------------- |
| `_acc` | accessor |
| `_di` | derive instance |

## Installation

1. Install Visual Studio Code 1.35.1 or higher
2. Launch Code
3. From the command palette `Ctrl`-`Shift`-`P` (Windows, Linux) or `Cmd`-`Shift`-`P` (OSX)
4. Type and Select `Install Extension`
5. Search `PrestoDom Snippets` and click install
6. Done