EEx snippets
This extension contains code snippets for Elixir .eex, .html.eex, .heex and .sface files for VS Code editor.
Enjoy!!!
Supported languages (file extensions)
EExoreex(.eex)HTML (EEx)orhtml-eex(.html.eex)HEExorphoenix-heex(.heex)surface(.sface)
Snippets
Below is a list of all available snippets.
Basic
| Trigger | Content |
|---|---|
e= |
render block <%= %> |
ee or e- |
exec block <% %> |
e# |
comment <%# %> |
end |
end tag <% end %> |
lt |
link <%= link "${1:text}", to: ${2:url} %> |
ltb |
link block <%= link to: ${1:url} do %>${2:text}<% end %>" |
render |
render <%= render "${1:partial}.html", ${2:local_var: @local} %> |
Control flow
| Trigger | Content |
|---|---|
for |
for <%= for $1 <- $1 do %> |
if |
if <%= if $1 do %> |
ife |
if else <%= if $1 do %> <% else %> |
cond |
cond <%= cond do %> |
unless |
unless <%= unless $1 do %> |
Forms
| Trigger | Content |
|---|---|
ff |
form_for <%= form_for @${1:changeset}, ${2:url}, ${3:[]}, fn f -> %> |
et |
form error <%= error_tag ${1:f}, :${2:field} %> |
la |
form label <%= label ${1:f}, :${2:field}, "${3:Text}" %> |
ti |
form text input <%= text_input ${1:f}, :${2:field} %> |
pi |
form password input <%= password_input ${1:f}, :${2:field} %> |
subm |
form submit <%= submit ${1:Text} %> |
submc |
form submit with class <%= submit ${1:Text}, class: "${3:btn btn-primary}" %> |
Release Notes
Please read the CHANGELOG to see what has changed in this extension over time.
Known Issues
Not really an issue but I wanted the e=, e-, e# snippets to be just a =, -, #, but they didn't trigger on these special characters so had to prepend them with e letter.
Disclaimer
Graciously borrowed some of the snippets from the phoenix-elixir-snippets for Atom and refactored them to work with VS Code.
Contribution
git clone https://github.com/stefanjarina/vscode-eex-snippetsAnd copy the vscode-eex-snippets folder into the <user home>/.vscode/extensions folder. Restart Code.
License
MIT License
Copyright (c) 2017 Stefan jarina