Quantcast
Channel: Vimタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 5608

Light Tableの設定変更(スキン、テーマ、キーバインド…)

$
0
0

インタラクティブに式を評価しながらコードが書けるIDEとして注目されているLight Tableの見た目や振る舞いについての設定方法を紹介します。

Light Tableの見た目や振る舞いを変更するには、user.behaviorsを修正します。

user.behaviorsCtrl + Spaceでコマンドペインを表示し、 Settings User behaviorsを選択することで開くことができます。
※ファイル自体は LightTable/settings/user/にあります。

lighttable-settings.png

スキンの変更

スキンを変更するには、 user.behaviors:appタグの :lt.objs.style/set-skinの値を変更します。
デフォルトで darkと設定してある値を lightに変更すると以下のようになります。

skin_light.jpg

テーマの変更

テーマの変更は、 :editorタグの :lt.objs.style/set-themeの値を変更します。 設定できるテーマは LightTable/core/css/themes/に用意されています。既に存在しているCSSを修正したり、自身で追加することも可能です。

lighttable-theme.png

solarizedが好きなので設定してみました。

theme.jpg

キーバインドの変更

IDEが変わっても普段使っているエディタのキーバインドを使いたい方も多いと思います。Light TableではVimとEmacsキーバインドをサポートしています。

キーバインドの変更は :editorタグに新規で項目を追加します。
VimEmacsと途中まで入力すれば補完候補が出てくるので、それぞれ Activate vim modeActivate Emacs modeを選んでください。

Vim

keybind_vim.jpg

Emacs

keybind_emacs.jpg

これで好みのキーバインドになりました。

行数表示

行数を表示するには、 :editorタグに新規で :lt.objs.editor/line-numbersを追加します。

show_numbers.jpg

インデントの設定

インデントのタブ利用有無やスペース数の設定をするには、:editorタグに新規で :lt.objs.editor/tab-settingsを追加します。
引数は use tabs?, tab size in spaces, indent unitだそうです。

https://github.com/Kodowa/Light-Table-Playground/issues/487

indent.jpg

ちなみに、スペースを可視化するにはコマンドペインから Editor: Toggle visible whitespaceを実行します。

フォントの変更

フォントを変更するには、 :editorタグに新規で :lt.objs.style/font-settingsを追加します。引数としてFont, familySize(pt), Line height(em) を取るので、値を渡してあげます。

font_settings.jpg

まとめ

設定方法はSublime Textと似ており、PythonがClojureに変わった感じです。
インタラクティブに式が評価されるの、かなり良いです。


Viewing all articles
Browse latest Browse all 5608

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>