読者です 読者をやめる 読者になる 読者になる

みかづきブログ その3

3ヶ月つづけてみました。

SublimeText2でスニペットを登録・編集する

Mac

Macであれば、

~/Library/Application\ Support/Sublime\ Text\ 2/Packages/User

に、#{スニペット名}.sublime-snippet というファイル名で保存されています。

なので、ターミナルで、

open ~/Library/Application\ Support/Sublime\ Text\ 2/Packages/User

を実行し、ファイルを足すことによってスニペットを追加できます。

ファイルの中身は、



という感じで、

<![CDATA[ここ]]>

に呼び出されるスニペットを、

<tabTrigger>ここ</tabTrigger>

に呼び出す際に入力する文字列を、

<scope>ここ</scope>

にスコープを入力します。

僕は、

<snippet>
  <content><![CDATA[<!DOCTYPE html>
<html lang="ja">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
  <meta charset="UTF-8" />
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" />
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="author" content="" />
  <meta name="generator" content="Sublime Text 2" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta property="fb:app_id" content="" />
  <meta property="og:title" content="" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="" />
  <meta property="og:image" content="" />
  <meta property="og:image:width" content="" />
  <meta property="og:image:height" content="" />
  <meta property="og:site_name" content="" />
  <meta property="og:description" content="" />
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:site" content="" />
  <meta name="twitter:creator" content="" />
  <meta name="twitter:title" content="">
  <meta name="twitter:description" content="" />
  <meta name="twitter:image:src" content="" />
  <meta name="format-detection" content="telephone=no">
  <link rel="canonical" href="" />
  <link rel="stylesheet" href="" />
  <link rel="shortcut icon" href="" />
  <link rel="apple-touch-icon-precomposed" href="" />
</head>
<body>
  <div id="fb-root"></div>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
</body>
</html>]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>html5</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope></scope>
</snippet>

というファイルをhtml5.sublime-snippetという名前で保存しています。
html5 + タブキーでいつでも呼び出せるので便利です。