Atom Snippets

AtomSnippets.md

How to Add These Snippets to Atom

1. Cmd + Shift + P
2. Select "Application: Open Your Snippets"
3. Copy and paste the snippets into snippets.cson
4. Save and close snippets.cson

snippets.cson

'.text.html.erb':
  'Form for':
    'prefix': 'ff',
    'body': """
<%= form_for ${1:model} do |f| %>
  $3
  
  <%= f.submit "${2:button_name}" %>
<% end %>
"""

  'ERB if':
    'prefix': 'if',
    'body': """
<% if ${1:test} %>
  $2
<% end %>
"""

  'ERB end':
    'prefix': 'end',
    'body': """
<% end %>
"""

  'ERB each':
    'prefix': 'each',
    'body': """
<% @${1:variable}s.each do |${1:local}| %>
  $2
<% end %>
"""

  'ERB link_to':
    'prefix': 'link',
    'body': """
<%= link_to ${1:text}, ${2:address} %>
"""

  'ERB Show Model Attribute':
    'prefix': 'ma',
    'body': """
<%= @${1:text}.${2:method} %>
"""

  'ERB render':
    'prefix': 'ren',
    'body': """
<%= render @${1:variable} %>
"""

  'ERB render with locals':
    'prefix': 'renl',
    'body': """
<%= render partial: "${1:partial}", locals: { ${2:key}: ${3:value} } %>
"""

  'ERB render with collection':
    'prefix': 'renc',
    'body': """
<%= render partial: "${1:partial}", collection: @$4 %>
"""

  'BS row column':
    'prefix': 'brc',
    'body': """
<div class="row">
  <div class="col-md-${1:num}">
    $2
  </div>
</div>
"""

  'BS row column':
    'prefix': 'bcol',
    'body': """
<div class="col-md-${1:num}">
  $2
</div>
"""