<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>nong (Nong)</title>
    <link>https://ruby-china.org/nong</link>
    <description></description>
    <language>en-us</language>
    <item>
      <title>在 Webpacker 的 Vuejs 项目中用 Coffeescript</title>
      <description>&lt;p&gt;正在头疼括号问题的时候偶然想看看 Coffeescript 2 的进度，惊喜的发现已经支持 modules 了&lt;a href="http://coffeescript.org/v2/#modules" rel="nofollow" target="_blank"&gt;http://coffeescript.org/v2/#modules&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;加上&lt;/p&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;coffeescript&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;^2.0.0-alpha1&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;coffeescript-loader&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;^0.0.10&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;然后.vue 里面&lt;/p&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;script &lt;/span&gt;&lt;span class="na"&gt;lang=&lt;/span&gt;&lt;span class="s"&gt;coffeescript&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;就可以用了&lt;/p&gt;
&lt;pre class="highlight coffeescript"&gt;&lt;code&gt;&lt;span class="nx"&gt;page_ids&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;state&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="na"&gt;pages&lt;/span&gt;
  &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="na"&gt;filter&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;p&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;p&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="na"&gt;checked&lt;/span&gt;
  &lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="na"&gt;map&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;p&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;p&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="na"&gt;id&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;彻底治好了我的括号恐惧症 &lt;img title=":slightly_smiling_face:" alt="🙂" src="https://twemoji.ruby-china.com/2/svg/1f642.svg" class="twemoji"&gt; &lt;/p&gt;

&lt;p&gt;而且其实比起 Ruby 我更喜欢 Coffee 因为没有 end&lt;/p&gt;

&lt;p&gt;因为种种原因 (运行没问题，precompile 会出错，UglifyJS?)&lt;a href="http://coffeescript.org/v2/#destructuring" rel="nofollow" target="_blank" title=""&gt;Destructuring Assignment&lt;/a&gt;和&lt;a href="http://coffeescript.org/v2/#strings" rel="nofollow" target="_blank" title=""&gt;String Interpolation&lt;/a&gt;用不了，
前面那个自己赋值，后面那个用加号&lt;/p&gt;
&lt;pre class="highlight coffeescript"&gt;&lt;code&gt;&lt;span class="na"&gt;actions&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;
  &lt;span class="na"&gt;loadIdea&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;context&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;idea_id&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;
    &lt;span class="nx"&gt;state&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;context&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="na"&gt;state&lt;/span&gt;
    &lt;span class="nx"&gt;dispatch&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;context&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="na"&gt;dispatch&lt;/span&gt;
    &lt;span class="nx"&gt;commit&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;context&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="na"&gt;commit&lt;/span&gt;

    &lt;span class="nx"&gt;url&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;state&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="na"&gt;host&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="s"&gt;"/ideas/"&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="nx"&gt;idea_id&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="s"&gt;".json?token="&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="nx"&gt;state&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="na"&gt;token&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;</description>
      <author>nong</author>
      <pubDate>Fri, 26 May 2017 09:00:32 +0800</pubDate>
      <link>https://ruby-china.org/topics/33074</link>
      <guid>https://ruby-china.org/topics/33074</guid>
    </item>
    <item>
      <title>有没有这样一种 Sublime 插件，在代码里输入特定的注释，侧栏就会多一个链接，点击之后可以跳到代码的相应部分，类似书签</title>
      <description>&lt;p&gt;有没有这样一种 Sublime 插件，在代码里输入特定的注释，侧栏就会多一个链接，点击之后可以跳到代码的相应部分，类似书签&lt;/p&gt;</description>
      <author>nong</author>
      <pubDate>Sat, 26 Sep 2015 15:50:20 +0800</pubDate>
      <link>https://ruby-china.org/topics/27488</link>
      <guid>https://ruby-china.org/topics/27488</guid>
    </item>
  </channel>
</rss>
