制作・見積り依頼(無料)

Blogブログ

ブログのイメージ

Visual Studio Code 拡張機能 Vol.2

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

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

お仕事のご依頼やご相談は下記より
お気軽にお問い合わせください

Tel.089-961-4166(平日 9:00〜18:00/土日祝休業)