LoginSignup
3
3

More than 5 years have passed since last update.

【Atom】Processing用のスニペットを追加するパッケージを作ってみた

Last updated at Posted at 2016-06-01

この記事のAtomのVersionは1.7.4です
atom.gif

はじめに

Processing(.pdeファイル)用のスニペットを追加するパッケージを作ってみました.

公開するほどのものでもない気がするので、パッケージを作成してAtomへインストールするまでの
過程を記事にまとめてみました。

1. 空のパッケージの作成

ファイル名
Package -> Package Generator -> Generate Atom Package を選択

atom_createpack.png
名前入力フォームが出てくるのでここにパッケージの名前を入れます。
(Processing用のスニペットを追加するので processing-snippetsとしました)


2. スニペット用のファイルを追加

atom_addsnippet.png
新しく snippetsフォルダを作り、その中にprocessing-snippets.csonファイルを作成します
(パッケージ名とcsonファイル名が異なるとスニペットが登録されないので注意)

3. スニペットの記述

以下を先ほど作成したcsonファイル内へ記述して保存します.

processing-snippets.cson
'.source.processing' :
  'for' :
    'prefix' : 'for'
    'body' : """
    for(int i = 0; i < ${1:length}; i++)
    {

    }
    """

  'foreach' :
    'prefix' : 'foreach'
    'body' : """
    for(${1:type} ${2:item} : ${3:colletction})
    {

    }
    """

  'while' :
    'prefix' : 'while'
    'body' : """
    while(true)
    {

    }
    """

  'if' :
    'prefix' : 'if'
    'body' : """
    if(true)
    {

    }
    """

  'if-else' :
    'prefix' : 'ifelse'
    'body' : """
    if(true)
    {

    }
    else
    {

    }
    """

  'switch' :
    'prefix' : 'switch'
    'body' : """
    switch(${1:switch_on})
    {
      default:
        break;
    }
    """

for、foreach、while、if、if-else、switchを書いてみました

4 Atomへパッケージをインストール (Windows)

コマンドプロンプトを開いて apm link (パッケージのパス) と入力してEnterするだけでインストール完了

image

5. 結果

Atomを再起動させるとで先ほど書いたスニペットが有効になります
atom2.gif

参考

3
3
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3