ST2から簡単にブラウザを起動する方法

1,204 views
Skip to first unread message

Eiji Kitamura

unread,
May 30, 2012, 12:26:06 PM5/30/12
to sublime-text-ja...@googlegroups.com
プラグインもあるようですが、割と簡単に自分でもできたので共有。

1. ToolsメニューのBuild SystemからNew Build System...を選択。
2. 下記を
{
"cmd": ["make"]
}
下記のように変更
{
"cmd": ["open", "-a", "Google Chrome", "$file"]
}
"Google Chrome"の部分は"Firefox"や"Safari"、"Opera"に書き換え可能です。
3. 保存します。ファイル名は"chrome_preview.sublime_build"などにしておくと便利かも。

それ以後、Command+bで、開いているファイルからブラウザを起動することができるようになります。

ちなみにSnippetの自作は何度やってもうまくいかないので、どなたか教えて頂けると助かります。

Syoichi Tsuyuhara

unread,
May 30, 2012, 1:30:46 PM5/30/12
to sublime-text-ja...@googlegroups.com
> ちなみにSnippetの自作は何度やってもうまくいかないので、どなたか教えて頂けると助かります。

私の環境はST2 Beta Build 2181、Windows 7 Home Premium SP1 64bitなのでお役に立てないと思いますが一応。
私は以下のようなJavaScript用のSnippetを書いております。書き方はhttp://succi.jp/blog/?p=257 を参考にしました。

<snippet>
<content><![CDATA[
if (!${0}) {
return;
}
]]></content>
<tabTrigger>if (!) {..return;..}</tabTrigger>
<scope>source.js</scope>
<description>条件を満たさなければ処理終了</description>
</snippet>

メニューのTools→New Snippetで書いて保存するか、ディレクトリの「Sublime
Text\Data\Packages\User\」以下に「file.sublime-snippet」のようなファイルを配置するとSnippetが利用できるようになっております。STの再起動の必要はありません。
ファイルの場所が問題ではないとしたら、contentかscopeの記述が誤っているのではないでしょうか。



2012年5月31日 1:26 Eiji Kitamura <age...@google.com>:

Eiji Kitamura

unread,
May 31, 2012, 1:36:43 AM5/31/12
to sublime-text-ja...@googlegroups.com
教えて頂いたサイトのやり方も、Syoichiさんのかかれているやり方も試しましたが、やはりうまく行きませんね。。。
<snippet>
<content><![CDATA[
<!DOCTYPE html>
<html>
  <head>
    <title>${0:title}</title>
    <meta charset="utf-8" />
    <script>
      window.onload = function() {
      };
    </script>
  </head>
  <body>
    <header>${0:title}</header>
    <section>
    </section>
    <footer>
    </footer>
  </body>
</html>
]]></content>
<tabTrigger>html5</tabTrigger>
</snippet>

をhtml5.sublime-snippetとして保存してるだけなのですが・・・
もしかしてdev版だからダメだったりするんだろうか・・・


2012年5月31日木曜日 2時30分46秒 UTC+9 Syoichi Tsuyuhara:

Syoichi Tsuyuhara

unread,
May 31, 2012, 2:52:17 AM5/31/12
to sublime-text-ja...@googlegroups.com
記載されたSnippetを試してみたところ、Command Palette(Ctrl + Shift +
P)でhtml5と検索すると、そのSnippetが表示され、入力する事もできました。自分が試した範囲では補完としては表示されませんでした。



2012年5月31日 14:36 Eiji Kitamura <age...@google.com>:

Toru Yoshikawa

unread,
May 31, 2012, 10:33:21 PM5/31/12
to sublime-text-ja...@googlegroups.com
吉川です。

>えーじさん
Chromeのプレビュー素晴らしいです！
使わせて頂きます。 :)


スニペットですが、私の環境ではうまくできましたよ。
html5[tab]できちんと展開されました。
何かほかのスニペット系のパッケージと競合しているのかも？



2012年5月31日 15:52 Syoichi Tsuyuhara <kji4h...@gmail.com>:
--
Toru Yoshikawa
mail: pikotea[at]gmail.com
twitter: yoshikawa_t
blog: http://d.hatena.ne.jp/pikotea/

Syoichi Tsuyuhara

unread,
May 31, 2012, 11:33:06 PM5/31/12
to sublime-text-ja...@googlegroups.com
>html5[tab]
おお! 私もできました。なるほど、補完として表示されなくても補完はTabでできるのですね。

2012年6月1日 11:33 Toru Yoshikawa <pik...@gmail.com>:

Eiji Kitamura

unread,
Jun 4, 2012, 1:44:21 AM6/4/12
to sublime-text-ja...@googlegroups.com
うーん、競合ですかね・・・
調べるのめんどくさいな・・・

2012/6/1 Syoichi Tsuyuhara <tsuyuhar...@hotmail.co.jp>



--
Eiji Kitamura | Developer Advocate | age...@google.com | +81-80-1150-6480

Eiji Kitamura

unread,
Jul 10, 2012, 10:26:24 PM7/10/12
to sublime-text-ja...@googlegroups.com
今日久しぶりにsnippetをいじってたのですが、どうやらHTMLのsnippetからJS部分を外したらうまく動きました。具体的には
<!DOCTYPE html>
<html>
  <head>
    <title>${0:title}</title>
    <meta charset="utf-8" />
    <script>
      var $ = function(query) {
        return document.querySelector(query);
      }
      window.onload = function() {
      };
    </script>
  </head>
  <body>
    <header>${0:title}</header>
    <section>
    </section>
    <footer>
    </footer>
  </body>
</html>

ここからJSの部分を抜いて

<!DOCTYPE html>
<html>
  <head>
    <title>${0:title}</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <header>${0:title}</header>
    <section>
    </section>
    <footer>
    </footer>
  </body>
</html>

という感じにしたら、動きました。

どういう制約なのかよく分からないですが、ご報告まで。


2012年6月4日月曜日 14時44分21秒 UTC+9 Eiji Kitamura:
Reply all
Reply to author
Forward
0 new messages