SublimeText 3 snippet作成

12368 ワード

development sublimetext

SublimeText 2はZen-Codingをうまくサポートできなくなったが、自分のsnippet定義機能も非常に強く、VASSIstのようになった.
メニューtool->New Snappetで定義します.開いた後は空白のsnippetテンプレートです.
の前に定義するコンテンツブロック
との間にショートカット名を定義します.
このsnippetが作用するファイルの種類をとの間で定義.
たとえばhtml 5という文字を入力してtabを押すと、赤い部分に展開されます.
${1}

${1}

Hello, ${2:this} is a ${3:snippet}!
]]> html5 text.html
このファイルを作成するとctrl+sはデフォルトの保存パスをポップアップします.一般的には..\Data\Packages\User,
ファイル名は.sublime-snippetは接尾辞である.
このようなファイルはhtml 5として保存することができる.sublime-snippetまたはその他の接頭辞名.1つのファイルに1つのsnippetしかありません.
${1}は補完後のカーソルのデフォルトの滞留位置をサポートし、編集が完了したらtabを押して${2}の位置にジャンプすることができます.
thisは2つのデフォルトの内容を表し、tabの後にthis,${3:snippet}が選択されます.
については、以下のように公式に定義されています.


  
  
  
  
   
   
   
   ActionScript: source.actionscript.2
  
  
  
  
  
  
  
  
   
   
   
   AppleScript: source.applescript
  
  
  
  
  
  
  
  
   
   
   
   ASP: source.asp
  
  
  
  
  
  
  
  
   
   
   
   Batch FIle: source.dosbatch
  
  
  
  
  
  
  
  
   
   
   
   C#: source.cs
  
  
  
  
  
  
  
  
   
   
   
   C++: source.c++
  
  
  
  
  
  
  
  
   
   
   
   Clojure: source.clojure
  
  
  
  
  
  
  
  
   
   
   
   CoffeeScript: source.coffee
  
  
  
  
  
  
  
  
   
   
   
   CSS: source.css
  
  
  
  
  
  
  
  
   
   
   
   D: source.d
  
  
  
  
  
  
  
  
   
   
   
   Diff: source.diff
  
  
  
  
  
  
  
  
   
   
   
   Erlang: source.erlang
  
  
  
  
  
  
  
  
   
   
   
   Go: source.go
  
  
  
  
  
  
  
  
   
   
   
   GraphViz: source.dot
  
  
  
  
  
  
  
  
   
   
   
   Groovy: source.groovy
  
  
  
  
  
  
  
  
   
   
   
   Haskell: source.haskell
  
  
  
  
  
  
  
  
   
   
   
   HTML: text.html(.basic)
  
  
  
  
  
  
  
  
   
   
   
   JSP: text.html.jsp
  
  
  
  
  
  
  
  
   
   
   
   Java: source.java
  
  
  
  
  
  
  
  
   
   
   
   Java Properties: source.java-props
  
  
  
  
  
  
  
  
   
   
   
   Java Doc: text.html.javadoc
  
  
  
  
  
  
  
  
   
   
   
   JSON: source.json
  
  
  
  
  
  
  
  
   
   
   
   Javascript: source.js
  
  
  
  
  
  
  
  
   
   
   
   BibTex: source.bibtex
  
  
  
  
  
  
  
  
   
   
   
   Latex Log: text.log.latex
  
  
  
  
  
  
  
  
   
   
   
   Latex Memoir: text.tex.latex.memoir
  
  
  
  
  
  
  
  
   
   
   
   Latex: text.tex.latex
  
  
  
  
  
  
  
  
   
   
   
   LESS: source.css.less
  
  
  
  
  
  
  
  
   
   
   
   TeX: text.tex
  
  
  
  
  
  
  
  
   
   
   
   Lisp: source.lisp
  
  
  
  
  
  
  
  
   
   
   
   Lua: source.lua
  
  
  
  
  
  
  
  
   
   
   
   MakeFile: source.makefile
  
  
  
  
  
  
  
  
   
   
   
   Markdown: text.html.markdown
  
  
  
  
  
  
  
  
   
   
   
   Multi Markdown: text.html.markdown.multimarkdown
  
  
  
  
  
  
  
  
   
   
   
   Matlab: source.matlab
  
  
  
  
  
  
  
  
   
   
   
   Objective-C: source.objc
  
  
  
  
  
  
  
  
   
   
   
   Objective-C++: source.objc++
  
  
  
  
  
  
  
  
   
   
   
   OCaml campl4: source.camlp4.ocaml
  
  
  
  
  
  
  
  
   
   
   
   OCaml: source.ocaml
  
  
  
  
  
  
  
  
   
   
   
   OCamllex: source.ocamllex
  
  
  
  
  
  
  
  
   
   
   
   Perl: source.perl
  
  
  
  
  
  
  
  
   
   
   
   PHP: source.php
  
  
  
  
  
  
  
  
   
   
   
   Regular Expression(python): source.regexp.python
  
  
  
  
  
  
  
  
   
   
   
   Python: source.python
  
  
  
  
  
  
  
  
   
   
   
   R Console: source.r-console
  
  
  
  
  
  
  
  
   
   
   
   R: source.r
  
  
  
  
  
  
  
  
   
   
   
   Ruby on Rails: source.ruby.rails
  
  
  
  
  
  
  
  
   
   
   
   Ruby HAML: text.haml
  
  
  
  
  
  
  
  
   
   
   
   SQL(Ruby): source.sql.ruby
  
  
  
  
  
  
  
  
   
   
   
   Regular Expression: source.regexp
  
  
  
  
  
  
  
  
   
   
   
   RestructuredText: text.restructuredtext
  
  
  
  
  
  
  
  
   
   
   
   Ruby: source.ruby
  
  
  
  
  
  
  
  
   
   
   
   SASS: source.sass
  
  
  
  
  
  
  
  
   
   
   
   Scala: source.scala
  
  
  
  
  
  
  
  
   
   
   
   Shell Script: source.shell
  
  
  
  
  
  
  
  
   
   
   
   SQL: source.sql
  
  
  
  
  
  
  
  
   
   
   
   Stylus: source.stylus
  
  
  
  
  
  
  
  
   
   
   
   TCL: source.tcl
  
  
  
  
  
  
  
  
   
   
   
   HTML(TCL): text.html.tcl
  
  
  
  
  
  
  
  
   
   
   
   Plain text: text.plain
  
  
  
  
  
  
  
  
   
   
   
   Textile: text.html.textile
  
  
  
  
  
  
  
  
   
   
   
   XML: text.xml
  
  
  
  
  
  
  
  
   
   
   
   XSL: text.xml.xsl
  
  
  
  
  
  
  
  
   
   
   
   YAML: source.yaml

JSにおけるArrayBufferとUIT 8 A rrayの違い

iframeスクロールバーを表示