現在、Sublime3からAtomへの乗り換えを検討中。Atomを使いやすくするための設定について覚書。
乗り換え理由は、Sublime3ではターミナルをSublime3内で開くことができないようなのでAtomへ乗り換え。
VisualStudio Codeも試してみたが、ターミナルはデフォルトで使えたので良かったが、良いFTPアドオンがなかったので断念。Bracketsは、ターミナルのアドオンが不安定だったので却下。
とりあえず追加したパッケージ
emmet のセッティング
スニペットのカスタマイズ
下記サイト様を参考にして新規作成したsnippets.jsonに下記コードを記載。
「C:\Users\ユーザー名\」に「emmet」フォルダを新規作成し、その中に「snippets.json」を新規作成する。
「C:\Users\ユーザー名\」は、デフォルトで指定されている場所で変更可能。
変更する場合は、emmetのSetting>Setting欄の「Extensions Path」に「snippets.json」を置きたい場所を設定する（例：D:\original\emmet-original）。デフォルトでは、「Defoault: ～/emmet」（～は、「C:\Users\ユーザー名\」のことだそうです）と設定されている。
参考サイト：https://rfs.jp/sb/atom-github/atom04_emmet_custom.html
{
"variables": {
"lang": "ja",
"locale": "ja-jp"
},
"html": {
"abbreviations": {
"doc": "html>(head>meta[charset=${charset}]+meta[name=\"viewport\" content=\"width=device-width, initial-scale=1\"]+meta[http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"]+title{${1:Document}}+meta[name=keywords content]+meta[name=description content]+link[rel=\"shortcut icon\" href]+link[href])+body"
}
}
}
キーボードショートカットの変更
「Ctr + E」でスニペットを展開したいのですが、ATOMのデフォルトでは、「検索/置換」が割り当てられていて使いにく。ショートカットを変更。
AtomのSettings > Keybindings で上部に「your keymap file」というリンクがあり、それをクリックするとオリジナルの設定を書き込めるファイルが開く。ファイルの中は、長いコメント欄に英語で使い方？が書かれていて、その下に設定を書き込む（たぶんコメント欄以外のどこでもいい）。
オリジナルの設定方法。AtomのSettings > Keybindingsに戻り、現在の「Ctr + E」の設定を見る。
「emmet:expand-abbreviation ～ 」と「find-and-replace:use-selection-as-find-pattern ～ 」が二つ設定されている。
本来、「emmet:expand-abbreviation ～」を優先させたいが、そうなっていないので改めてオリジナルで設定する。「emmet:expand-abbreviation ～ 」と記載されているビュレットにファイルアイコンがあるのでそれをクリック。そうすると設定するためのソースがコピーされるので、それを最初に開いたオリジナルの設定ファイルにペーストし保存して終了。
今回、コピーして書き込んだソースは以下。
Atomを再起動して「Ctr + E」を押すとオリジナルで設定したショートカットが優先され無事にスニペットを展開。
'atom-text-editor:not([mini])': 'ctrl-e': 'emmet:expand-abbreviation'
remote-ftpのセッティング
デフォルトのままだと保存と同時にアップロードされてしまうので、セッティングを変更。
File > Setting > Packages > Remote-FTP > Remote-FTP欄のSettingsボタンからSettingsを開きAuto Upload On Save欄の”always”を”never”に変更。
platformio-ide-terminalのセッティング
Default Panel Heightを100pxに変更したのみ。
