AMSシステム部が「Visual Studio Code」を選ぶ理由
2021/11/8
数々のエディターの中でもエンジニアに人気の高い、Microsoft社の「Visual Studio Code(VSCode)」。
みなさまはご存知でしょうか?
実は現在AMSのシステム部でも、開発ツールとしてVisual Studio Codeを愛用しています。
そこで今回は、日々ゴリゴリ開発に励むAMSシステム部メンバーがおすすめする、VSCodeの便利機能や拡張機能をご紹介したいと思います。
みなさまはご存知でしょうか?
実は現在AMSのシステム部でも、開発ツールとしてVisual Studio Codeを愛用しています。
そこで今回は、日々ゴリゴリ開発に励むAMSシステム部メンバーがおすすめする、VSCodeの便利機能や拡張機能をご紹介したいと思います。
VSCodeのここがスゴイ!
・Windows、MacOS、Linuxなどの各OSに対応している
・他のエディタ(統合開発環境)に比べて動作が軽い
・VSCode上でターミナルが起動できる
・拡張機能が豊富で自分好みのエディターに仕上げることができる
・以前はプログラミング言語によってエディタを使い分けていたが、VSCodeだけでほぼ完結する
・マルチカーソル機能が便利すぎる
等々、まだまだ想いがありそうでしたが、とめどなく溢れてきそうなのでとりあえずこの辺で。
・他のエディタ(統合開発環境)に比べて動作が軽い
・VSCode上でターミナルが起動できる
・拡張機能が豊富で自分好みのエディターに仕上げることができる
・以前はプログラミング言語によってエディタを使い分けていたが、VSCodeだけでほぼ完結する
・マルチカーソル機能が便利すぎる
等々、まだまだ想いがありそうでしたが、とめどなく溢れてきそうなのでとりあえずこの辺で。
おすすめ拡張機能
・vscode-input-sequence
https://marketplace.visualstudio.com/items?itemName=tomoki1207.vscode-input-sequence
マルチカーソルと組み合わせて、連番入力ができる拡張機能。
・ProjectManager
https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
複数プロジェクトの管理に便利な拡張機能。各プロジェクトに簡単に行き来できる。
・Sort lines
https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines
テキストデータをソートできる拡張機能。文字の長さによるソートやシャッフルソート、重複削除も行える。
・LiveServer
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
簡易的なローカルサーバー上で、ファイル保存と同時にブラウザ表示を確認できる拡張機能。HTMLやCSSの変更時に便利。
・IntelliSense for CSS class names in HTML
https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
CSSファイルに定義されているクラスを自動補完してくれる拡張機能。
弊社システム部がおすすめする拡張機能をご紹介しました。
もちろんまだまだたくさんの拡張機能がありますので、
ご自分の使い方に合った拡張機能をインストールしてみてください。
自分好みにカスタマイズすることで、作業効率も上がるのではないでしょうか。
https://marketplace.visualstudio.com/items?itemName=tomoki1207.vscode-input-sequence
マルチカーソルと組み合わせて、連番入力ができる拡張機能。
・ProjectManager
https://marketplace.visualstudio.com/items?itemName=alefragnani.project-manager
複数プロジェクトの管理に便利な拡張機能。各プロジェクトに簡単に行き来できる。
・Sort lines
https://marketplace.visualstudio.com/items?itemName=Tyriar.sort-lines
テキストデータをソートできる拡張機能。文字の長さによるソートやシャッフルソート、重複削除も行える。
・LiveServer
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
簡易的なローカルサーバー上で、ファイル保存と同時にブラウザ表示を確認できる拡張機能。HTMLやCSSの変更時に便利。
・IntelliSense for CSS class names in HTML
https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion
CSSファイルに定義されているクラスを自動補完してくれる拡張機能。
弊社システム部がおすすめする拡張機能をご紹介しました。
もちろんまだまだたくさんの拡張機能がありますので、
ご自分の使い方に合った拡張機能をインストールしてみてください。
自分好みにカスタマイズすることで、作業効率も上がるのではないでしょうか。
ホームページでお困りならAMSにお任せください。
- 制作会社の選び方がわからない。
- どの制作会社も費用が高額で手が付けられない。
- 今のホームページが簡単に更新できなくて困っている。
などホームページでお困りではありませんか?
弊社AMSでは効果のある高品質なホームページを格安で制作いたします。
まずは料金やプラン内容、制作実績などを下記の画像をクリックして
ご覧ください。