エディター

vscodeの拡張Bookmarks

いやーこれ便利だなぁ、もっと早く知りたかった。
[追記 / 2018/10/05]
なんて事でしょうか
prettierなんかでコードフォーマットを掛かるとブックマーク行がついていって紅………に染まったこの俺をッ!!!
ファイル保存時に発動する自動フォーマットも駄目。
ああああ。。。。

Bookmarks – Visual Studio Marketplace

Available commands
使用可能なコマンド

Bookmarks: Toggle Mark/unmark positions with bookmarks
ブックマーク:ブックマークで位置をマーク/マーク解除する
opt + + cmd + K

Bookmarks: Toggle Labeled Mark labeled bookmarks
ブックマーク:ラベル付きのマーク付きのブックマークを切り替えます。

Bookmarks: Jump to Next Move the cursor forward, to the bookmark below
ブックマーク:次へ進むカーソルを下のブックマークに移動します。
opt + + cmd + L

Bookmarks: Jump to Previous Move the cursor backward, to the bookmark above
ブックマーク:ジャンプする前にカーソルを上のブックマークに移動
opt + + cmd + J

Bookmarks: List List all bookmarks in the current file
ブックマーク:リスト現在のファイル内のすべてのブックマークを一覧表示します。

Bookmarks: List from All Files List all bookmarks from all files
ブックマーク:すべてのファイルからのリストすべてのファイルからすべてのブックマークを一覧表示する

Bookmarks: Clear remove all bookmarks in the current file
ブックマーク:現在のファイル内のすべてのブックマークを消去する

Bookmarks: Clear from All Files remove all bookmarks from all files
ブックマーク:すべてのファイルからクリアすると、すべてのファイルからすべてのブックマークが削除されます。

Bookmarks (Selection): Select Lines Select all lines that contains bookmarks
ブックマーク(選択):行の選択ブックマークを含むすべての行を選択する

Bookmarks (Selection): Expand Selection to Next Expand the selected text to the next bookmark
ブックマーク(選択):選択範囲を次に展開選択したテキストを次のブックマークに展開する
shift + opt + L

Bookmarks (Selection): Expand Selection to Previous Expand the selected text to the previous bookmark
ブックマーク(選択):選択範囲を前へ展開選択したテキストを前のブックマークに展開する
shift + opt + J

Bookmarks (Selection): Shrink Selection Shrink the select text to the Previous/Next bookmark
ブックマーク(選択):選択範囲を縮小選択したテキストを「前へ/次へ」ブックマークに縮小します
shift + opt + K

サイドバーからパネル開くとこんな感じで表示される。

クリーンインストール後Visual Studio Code(vscode)に入れた拡張19個


Visual Studio Code – Code Editing. Redefined

クリーンインストール前に何入れてたか記録しとくの忘れる大失態

vscodeの設定を共有する(これをインストールしたらsetting.jsonの内容が戻った?)
Settings Sync –
Visual Studio Marketplace

wakatime連携(Code2にもあるよ)
WakaTime –
Visual Studio Marketplace

EditorConfig
EditorConfig
for VS Code – Visual Studio Marketplace

.gitgnore
gitignore –
Visual Studio Marketplace

ソースコードにアンカーリンク貼れる
Bookmarks –
Visual Studio Marketplace

コマンドパレット開いて「bookmark」

コメントをアンカーリンクにする(とりあえずこちらは未インストール)
Comment
Anchors – Visual Studio Marketplace

プロジェクトマネージャー
Project
Manager – Visual Studio Marketplace

パス補完
Path Autocomplete – Visual Studio Marketplace

インデントに縦ライン(.slimとか見やすくなる)
Indenticator –
Visual Studio Marketplace

jsdoc追加
Add jsdoc
comments – Visual Studio Marketplace

対応するカッコをわかりやすくする
Bracket
Pair Colorizer – Visual Studio Marketplace

カラーピッカー
Color Picker –
Visual Studio Marketplace

csvを見やすくする
Rainbow CSV –
Visual Studio Marketplace

コードフォーマット
Prettier – Code
formatter – Visual Studio Marketplace

正規表現チェック
Regex Previewer – Visual
Studio Marketplace

chromeでデバッグ
Debugger
for Chrome – Visual Studio Marketplace

ファイルアイコン(以前使ってたのが見つからない)
Material Icon
Theme – Visual Studio Marketplace

bootstrap 4 アイコンフォント
Bootstrap
4, Font awesome 4, Font Awesome 5 Free & Pro snippets – Visual Studio
Marketplace

bootstrap 4 スニペット
Bootstrap
v4 Snippets – Visual Studio Marketplace

その他、sassやらjavascriptやらのスニペットを入れました。

Visual Studio Code、慣れてきた。

最近のエディタは、完全にVisual Studio Codeな気分です。100%は満たされないけど、かなりいいですねこれ。
codaからほぼ完全に乗り換えました。

悩みの種だった、ソースフォーマット時にspanの内側がフォーマットされない件も解決。

設定(ツールバーの「Code>基本設定>設定」)のこうなってる部分を

こうする。

追記:2017-08-06)最近はsvgを追加した

あと最近のアップデート後に言語設定が英語に戻ってしまったので、
enをjaに書き換えました。

これで日本語に戻る。

その他自分がよく使う機能

設定

あれ、それくらいか??