🙌
RailsでのWebアプリ開発に愛用している Pulsar プラグイン
Ruby on Rails でWebアプリを開発しています。
便利だと思ったプラグインをまとめてみました。
HTML
- カラーピッカー
color-picker - html/css中のカラーコード(#fff)を背景色(白)で表示
pigments - HTMLソースをライブプレビュー
atom-html-preview - HTMLを簡単に入力
emmet
doc
で、<html>(略)</html>
に変換
table>tr>td*3
で、<table>(略)</table>
に変換など、とても便利。
ctrl-e
で変換が既定値だが、「行末へ移動」と重複しているので、ctrl-,
で変換されるよう、変更する。
Open Config Folder
をクリック、keymap.cson
に以下を追記する。
<pre>
'atom-workspace atom-text-editor:not([mini])': 'cmd-t': 'application:new-file'
'.editor:not(.mini)': 'ctrl-e': 'editor:move-to-end-of-line'
'atom-text-editor:not([mini])': 'ctrl-,': 'emmet:expand-abbreviation'
'.platform-darwin atom-text-editor:not([mini])': 'ctrl-d': 'unset!'
</pre>
見た目を綺麗に
- ファイルの種類に応じたアイコンを表示
file-icons - カーソルがある列を強調表示
highlight-column - 選択箇所を強調表示
selection-highlight
日本語化
- メニューバー/コンテキストメニュー/設定画面を日本語化
japanese-menu
ソースコードを綺麗に
- ソースコードを綺麗に整形
atom-beautify - ソースコードの
=
を綺麗に並べる
atom-alignment
機能拡張
- 複数のプロジェクトを簡単にスイッチ
project-manager - terminalウィンドウを表示
platformio-ide-terminal - ファイルやディレクトリの作成が簡単に
advanced-open-file - 簡単に全角半角の変換
japan-util - ターミナルを使わずにgit操作
git-plus - 設定の同期やバックアップに
sync-settings - 開いているファイルのexpose
expose - AIによるコード補完機能
tabnine
Markdown
- markdownをライブプレビュー
markdown-preview-plus - markdownで表を簡単に作成
markdown-table-editor - markdownで目次を簡単に作成
markdown-toc - より良い markdown エディタにするために
markdown-writer - csvファイルをexcelライクに表示
tablr
Rails
- Slim を使うために
language-slim - railsのmvcファイルを簡単に見つける
rails-finder - railsのmigrationファイルを簡単に見つける
rails-latest-migration - railsで簡単にpartialを作れる
rails-partials - rubyのメソッドを簡単に入力
ruby-define-method - ソースコード中のメソッド定義を検索
symbols-tree-view - 正規表現をダイアグラムで表示
regex-railroad-diagram
Discussion