ブログ

Visual Studio Code 拡張機能 Vol.2

2020.07.27 : Yamamoto Naoki
Coding
Visual Studio Code 拡張機能 Vol.2

前回から半年くらいが立ちましたか。
拡張機能について、あれから追加したものや削除したものがありますが、追加したものについて紹介していきます。

業務によっては必要のない拡張機能もありますので、自分に必要なものを見極めてインストールしてください。

Duplicate action

そのうち標準機能なるかもしれませんが、ファイルとディレクトリーのコピーができる拡張です。
右クリックで”Duplicate file or directry”で複製できます。

https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-duplicate

Project Manager

ワークスペースを登録して、簡単に呼び出せる拡張機能です。

https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager

Live Sass Compiler

codekit使っていましたが、起動するアプリは少ないほうがいいので、こちらをインストールしました。Autoprefixのついているので安心です。

https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

snipsnap

coliss」でも紹介され使っている方も多いのではないでしょうか?
gatsby.jsやVue.jsなどのJavaScriptライブラリーのニスペット集の拡張機能です。

https://marketplace.visualstudio.com/items?itemName=snipsnapdev.snipsnap-vscode

最後に

拡張機能のインストール・アンインストールを行った際に、再起動が必になります。VS Codeを終了しなくても

「ctrl」+「p」でコマンドパレット表示し、
reload と入力し、
「Developer: ウィンドウの再読み込み」を選択すれば

再移動してくれます。覚えておくと便利です。

アーカイブ

資料ダウンロード 制作依頼・ご相談
イメージ:制作依頼・ご相談
イメージ:制作依頼・ご相談