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

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

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

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

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

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

snippets 之类的插件

#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 文件中使用!

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