以前IDEを使用する際は「NetBeans(ネットビーンズ)」を使用していました。
様々な機能を有していて、プログラミングをする際に便利な機能が豊富に入っています。
「eclipse(エクリプス)」も有名ですが、そちらより軽いという事で2年ほど愛用していました。
しかし、新しい現場にいき、「NetBeans」の使用は許可が降りず、どうしようと思っていた時に、同僚から「Visual Studio Code」(以下VS Code)が許可が降りてそれを使っていると聞き、早速入れて使ってみることに。
すると、「VS Code」の良さに惹かれ、なぜ今まで知らなかったんだ。。。と感じたほどです。
Visual Studio Code とは?
Microsoftが開発したWindows、Linux、macOS用のソースコードエディタです。
できることとして、デバッグ、埋め込みGitコントロールとGitHub、シンタックスハイライト、インテリジェントなコード補完 、スニペット、コードリファクタリングのサポートなどが含まれています。
キーボードショートカットや環境設定を変更できたり、プラグインとして機能追加して、自分の好みにカスタマイズできる点がいいです。
Stack Overflow 2019 Developer Surveyにおいては、Visual Studio Codeが最も人気のある開発者環境ツールとしてランクインし、87,317人の回答者のうち50.7%が使用していると回答したそうです!
VS Code メリット
使っていて、良いと思った点をご紹介します。
軽い
IDEではなく、エディタという位置付けのため先述した「eclipse」や「NetBeans」よりも動作が軽く、立ち上げもスムーズです。
プラグイン導入で自由にカスタマイズ
NetBeansでもプラグインを入れてカスタマイズできましたが、VSCodeは種類が豊富で、入れ方も簡単です。
プラグインを使用することで使いやすく高機能なツールへと変身します。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VlNDb2RlJUUzJTgxJUFFJUUzJTgyJUFBJUUzJTgyJUI5JUUzJTgyJUI5JUUzJTgzJUExJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJTIwMjQlMjAlRTklODElQjglMjAlMjAlMjAlMjglRTMlODElQThUaXBzJUUzJTgyJTkyJUUzJTgxJTg0JUUzJTgxJThGJUUzJTgxJUE0JUUzJTgxJThCJTI5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1hMWRkYmE3ZTAyZWM5OThhY2M5ODc4ZmU3MWQ1ODg3Mg&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzZW5zdWlrYW4xOTczJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jODAxZjhkOWIwNjdlZjA0NjJlNGE4MjJmZTEyZmNjOQ&blend-x=142&blend-y=486&blend-mode=normal&s=a4cb350632d66631566bb4104984bc1c)
関数ジャンプや誤字などの補完
コントロール+クリックで関数元に飛んだり、変数がどこで設定されているかなどわかることができます。これはどのIDEにも備わっていたりしますが、VXCodeでも使用することができ、開発を効率的に行うことができます。
ショートカットが豊富
ショートカットを使用することにより、作業効率化を図ることができます。
僕はまだ使いこなせていませんが、調べていきながら使いこなせるようになり開発スピードを上げていけたらと思っています。
サイドバー
サイドバーにはいくつか機能があり、ファイル検索や、Git管理、デバッグ機能、拡張機能、テストなどその他さまざまな機能が備わっているため、まだ次の記事で説明できたらと思います。
メモ関連
VScodeを使用する機会が増えました。
便利なツールにするためのカスタマイズをメモしていきたいと思います。
VSCode に必ず入れておきたい拡張機能
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VlNDb2RlJTIwJUUzJTgxJUFCJUU1JUJGJTg1JUUzJTgxJTlBJUU1JTg1JUE1JUUzJTgyJThDJUUzJTgxJUE2JUUzJTgxJThBJUUzJTgxJThEJUUzJTgxJTlGJUUzJTgxJTg0JUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1iYmU5MWNjN2I1NTkyY2U2N2E1MDBkMmMwNTRkMmE1Nw&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB1Y2FuLWxhYiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZmY2YTZjMzZkOWExMjAyNmMwMzkzMzcwM2RiYTNjZDQ&blend-x=142&blend-y=486&blend-mode=normal&s=6419311a28d0851189aa10df9ee94b12)
VSCodeのオススメ拡張機能 24 選 (とTipsをいくつか)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VlNDb2RlJUUzJTgxJUFFJUUzJTgyJUFBJUUzJTgyJUI5JUUzJTgyJUI5JUUzJTgzJUExJUU2JThCJUExJUU1JUJDJUI1JUU2JUE5JTlGJUU4JTgzJUJEJTIwMjQlMjAlRTklODElQjglMjAlMjAlMjAlMjglRTMlODElQThUaXBzJUUzJTgyJTkyJUUzJTgxJTg0JUUzJTgxJThGJUUzJTgxJUE0JUUzJTgxJThCJTI5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1hMWRkYmE3ZTAyZWM5OThhY2M5ODc4ZmU3MWQ1ODg3Mg&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzZW5zdWlrYW4xOTczJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jODAxZjhkOWIwNjdlZjA0NjJlNGE4MjJmZTEyZmNjOQ&blend-x=142&blend-y=486&blend-mode=normal&s=a4cb350632d66631566bb4104984bc1c)
VS Code の便利なショートカットキー
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VlMlMjBDb2RlJTIwJUUzJTgxJUFFJUU0JUJFJUJGJUU1JTg4JUE5JUUzJTgxJUFBJUUzJTgyJUI3JUUzJTgzJUE3JUUzJTgzJUJDJUUzJTgzJTg4JUUzJTgyJUFCJUUzJTgzJTgzJUUzJTgzJTg4JUUzJTgyJUFEJUUzJTgzJUJDJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1hNTIwYTQ1NzRjMTUwNDhiMjkxYzJiYjJjNWM4NTNlMg&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDAxMjM0NSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZGMzYzRiMjJiMzk5MzA0N2RjZGM5MWUxMDNiZDBlOTY&blend-x=142&blend-y=486&blend-mode=normal&s=17d9544ffe6454d6ad5661fec62ee3f5)
会議を爆速にする、Visual Studio Code 超便利スニペット集
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUU0JUJDJTlBJUU4JUFEJUIwJUUzJTgyJTkyJUU3JTg4JTg2JUU5JTgwJTlGJUUzJTgxJUFCJUUzJTgxJTk5JUUzJTgyJThCJUUzJTgwJTgxVmlzdWFsJTIwU3R1ZGlvJTIwQ29kZSUyMCVFOCVCNiU4NSVFNCVCRSVCRiVFNSU4OCVBOSVFMyU4MiVCOSVFMyU4MyU4QiVFMyU4MyU5QSVFMyU4MyU4MyVFMyU4MyU4OCVFOSU5QiU4NiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9NTYyMDNkZmU2N2E1ZDhhMmNiNmQ5ODE1MTU4ODMyMGM&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBraXRmYWN0b3J5JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz01ZjQ4ODhlZDM5ZjFlYjViYTdkMGYyMTY0Mzk0Nzg4Yw&blend-x=142&blend-y=486&blend-mode=normal&s=0816a48fddcd76d4d454dc7a3776e415)
ブラウザでVS codeが使えるクラウド IDEの大本命「Coder」
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgzJTk2JUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgyJUI2JUUzJTgxJUE3VlMlMjBjb2RlJUUzJTgxJThDJUU0JUJEJUJGJUUzJTgxJTg4JUUzJTgyJThCJUUzJTgyJUFGJUUzJTgzJUE5JUUzJTgyJUE2JUUzJTgzJTg5JTIwSURFJUUzJTgxJUFFJUU1JUE0JUE3JUU2JTlDJUFDJUU1JTkxJUJEJUUzJTgwJThDQ29kZXIlRTMlODAlOEQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWMxMjg0M2EzODJjMmUxOWNkNzY5NmFhY2Y2OGNlOWUw&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBNZWdhQmxhY2tMYWJlbCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZWE5YzZiMzlhYzhiNzQ2N2UwZWUwYWJjOTRjYTYxM2Q&blend-x=142&blend-y=486&blend-mode=normal&s=6fbb76461d40c3c226e53af3824ab441)
VSCodeでのGitの基本操作まとめ
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VlNDb2RlJUUzJTgxJUE3JUUzJTgxJUFFR2l0JUUzJTgxJUFFJUU1JTlGJUJBJUU2JTlDJUFDJUU2JTkzJThEJUU0JUJEJTlDJUUzJTgxJUJFJUUzJTgxJUE4JUUzJTgyJTgxJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1hYzQ1MzgyMmJjN2JmYTg0MWU3N2JjMzEyM2EzMGQ2Ng&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDB5LXRzdXRzdSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZTMxYmNiMGU2YTU2N2M3OTJmNDQzNjIyYjc1NWFlYzU&blend-x=142&blend-y=436&blend-mode=normal&txt64=aW4g5qCq5byP5Lya56S-IElUQUdF&txt-width=770&txt-clip=end%2Cellipsis&txt-color=%23212121&txt-font=Hiragino%20Sans%20W6&txt-size=36&txt-x=156&txt-y=536&s=1fb95bd0311638a2a2af6e1a32313ea5)