ブログ

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: ウィンドウの再読み込み」を選択すれば

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

アーカイブ

新しいサイト制作や、既存サイトの運用に関するお困りごとなどございましたらご依頼、ご相談ください。

ビジネスやサービスに最適なウェブ制作、デザインをおこなっている株式会社ナナサンの会社案内をダウンロードいただけます。

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