【VisualStudioCode】ワークスペースとは?
{画面共有}
# codeコマンドで一覧表示--- # https://qiita.com/koshilife/items/3ed4b1c28de233f39ebb $ code --list-extensions | xargs -L 1 echo code --install-extension
これはバッティングするものもあるので、テンプレートエンジンなどは常時有効化はしない。
あんまり実際に入れてていいことないのかも?
補完候補でても無視することもしばしば。
これもGulp Taskでやっている場合がほとんどなので常時有効化はしない。
zenkaku は全角スペース、Trailing Spaces は半角スペース可視化用。
Auto Close Tag は勝手に閉じタグ補完。
Auto Rename Tag は勝手に閉じタグ(開始タグ)も変更。
vscode-input-sequence は連番入力の補完機能です。
Japanese Language Pack for Visual Studio Code
日本語訳パッケージ
Live Share
ペアプログラミングなどに使えそう(実際に使ったことはない)
Live Server
ローカルサーバーを編集しているディレクトリをルートとして立ち上げ&ライブリロード。 GulpやSassを使わないけど、絶対パスで書かれているファイルプレビューみたいなことに便利(ほぼ機会ないけど)
Partial Diff
差分表示。difff《デュフフ》 もよく使いますが。
Zeplin
Zeplinと連携。最近のですが、単純にエディタの左カラムにZeplinのアートボードリンクが増えるだけだった。
ほかに便利なものなどありましたら教えて下さい。
{画面共有}
ユーザースニペット機能を使っています。(メンテナンスあんまりできていませんが・・・)
例えば、
inc
( @include
の補完)postmeta
(投稿情報取得の補完)など。
疑似要素や背景画像周りは mixin などにしたほうがいい場合のほうが多いので最近はあまり使っていないです。
設定方法: VsCodeのスニペットのススメ - Qiita
{画面共有}
Dash アプリでもスニペット管理しています。
こちらも本来はコード貼り付け用のツールですが、どちらかというとよく使うコードのメモ帳感覚で使っています。
HTML/CSS/JS/PHP(WordPress)、よく使うコマンド(SSH接続、IP確認)など。
{画面共有}
VS Codeのフォルダ機能をあまり使わずイチイチFinder見てる派なのですが、これを一気に開けたら便利かなと。
プロジェクトセットと言っているのは、htmlやscssやimg、jsフォルダごとにタブで開いている状態です。
{画面共有}