Ruby China

开发工具 这个视频中的快捷输入是怎么做到的？

dothide · 2014年01月25日 · 最后由 dothide 回复于 2014年01月25日 · 2362 次阅读

最近在学 Rails 看了些视频 发现他们的代码输入真是神速啊 就是弄不明白是怎么做到的，比如下面视频中：

3'08'' 处输入了 form_for 直接就生成了 form_for 的模板代码 下面加一个 field 只要输入 field 就行？

http://railscasts.com/episodes/250-authentication-from-scratch

dothide #1 2014年01月25日

我只知道编辑器用的是 Sublime Text 但不知是装了什么插件

frank_128 #2 2014年01月25日

snippets 之类的插件

dothide #3 2014年01月25日

#2 楼 @frank_128 谢谢 我刚找到一个 ERB Sublime Snippet 十分好用，而且还支持自己定义新模板

参考链接：https://github.com/matthewrobertson/ERB-Sublime-Snippets

修改原模板方法如下： 如：由于有些朋友安装了 Emmet，在输入 form 时会与其发生冲突，需要修改 form_for 的模板，打开 Sublime 的 Packages 目录，找到 form_for_erb.sublime-snippets 文件，编辑为如下代码（注意 tabTrigger 标签即为快捷输入字符串）：

<snippet>
  <content><![CDATA[<%= form_for(${1:@things}) do |${2:f}| %>
    <% if ${1:@things}.errors.any? %>
        <div class="error_messages">
            <h2>Form is invalid</h2>
            <ul>
                <% for message in ${1:@things}.errors.full_messages %>
                    <li><%= message %></li>
                <% end %>
            </ul>
        </div>
    <% end %>
    $3
    <p class="button"><%= f.submit %></p>
<% end %>
  ]]></content>
  <tabTrigger>formf</tabTrigger>
  <scope>text.html.ruby</scope>
  <description>output form_for ERB</description>
</snippet>

自定义新模板方法如下： 如：需要新建 image_tags 模板，即打开 Sublime 的 Packages 目录，并新建 image_tags.sublime-snippet 文件：

<snippet>
    <content><![CDATA[<%= image_tags $1, $2 %>]]></content>
    <tabTrigger>it</tabTrigger>
    <scope>text.html.ruby</scope>
    <description>output ERB tags</description>
</snippet>

保存后即可在 erb 文件中使用！

需要 登录 后方可回复, 如果你还没有账号请 注册新账号