PHPでの開発を仕事にしていて、他言語も自宅学習し始めました。
プログラミングする際に以前はeclipse(エクリプス)やNetbeansを使用していましたが、最近VSCodeに出会いハマってしまいました。
今回はプログラマー、システムエンジニアの方向けに万能エディタであるVSCodeをご紹介したいと思います。
VSCode(Visual Studio Code)
Microsoftが開発したWindows、Linux、macOS用のソースコードエディタです。
デバッグ、Git管理、GitHub、シンタックスハイライト、インテリジェントなコード補完 、スニペット、コードリファクタリングのサポートが含まれています。
カスタマイズ性が高く、テーマやキーボードショートカット、環境設定を変更できたり、機能を追加する拡張機能をインストールすることができます。
IDEとは異なりエディタではありますが、高機能で軽くとても使いやすいエディタです。
ダウンロード方法
下記公式サイトにて「今すぐダウンロード」をクリックすればダウンロードできます。
こちらの動画がわかりやすく解説してくださっています。
開発
開発にも使用できるエディタとして人気です。
僕も以前はNetBeansを主流にしていましたがVSCodeを知ってから乗り換え、どのパソコンにおいてもVSCodeでコーディングするようになりました。
![](http://yorozumemo.com/wp-content/uploads/2020/06/netbeans-vscode-eye-160x90.png)
プラグイン(拡張機能)
拡張機能を追加することによりより円滑にコーディングすることができます。
僕も様々な拡張機能にお世話になっています。
拡張機能関連のサイト 動画
![](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)
![](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)
![](http://yorozumemo.com/wp-content/uploads/cocoon-resources/blog-card-cache/ae54a4b33c178960f14c3596d4fe30f0.png)
![](http://yorozumemo.com/wp-content/uploads/cocoon-resources/blog-card-cache/750ddfb47ec483546674992ee6154225.jpg)
ショートカット
VSCodeはショートカットで操作を効率化することもできます。
よく使うものはまとめておきますので、ぜひ活用してプログラミングスピードをアップする助けになればと思います。
※Windowsによるキーですので、Macは別キーになる可能性があります。
全体コード検索 | Ctrl + Shift + F |
開いているファイル内コード検索 | Ctrl + F |
ファイル名で検索 | Ctrl + P |
コメントアウト(行) | Ctrl + / |
タブを閉じる | Ctrl + W |
保存 | Ctrl + S |
指定行ジャンプ | Ctrl + G →行数を指定 |
まだ多くのショートカットキーが存在し使いこなせていないので下記サイトから吸収して使用してみてください!
ショートカット関連記事 動画
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwV2luZG93cyVFNyU4OSU4OCVFMyU4MCU5MVZTJTIwQ29kZSUyMCVFMyU4MiVBRCVFMyU4MyVCQyVFMyU4MyU5QyVFMyU4MyVCQyVFMyU4MyU4OSVFMyU4MiVCNyVFMyU4MyVBNyVFMyU4MyVCQyVFMyU4MyU4OCVFMyU4MiVBQiVFMyU4MyU4MyVFMyU4MyU4OCVFNCVCOCU4MCVFOCVBNiVBNyUyMCVFRiVCQyU4OCVFMyU4MiVBQSVFMyU4MiVCOSVFMyU4MiVCOSVFMyU4MyVBMSVFNCVCQiU5OCVFMyU4MSU4RCVFRiVCQyU4OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZGQ3NDRlNTgxNThjMmE4YWY1YTNiZTRlZmE5MDlmMTY&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBUYWthaGlSb3l0ZSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OTdhNzQ2NDdkYmZiMDlhYWMzODdjMzExNzYxMjU4ZGM&blend-x=142&blend-y=486&blend-mode=normal&s=7d9b9e38c24b40ed38911e057aa5c97e)
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwTWFjJUU3JTg5JTg4JUUzJTgwJTkxJTIwVmlzdWFsU3R1ZGlvQ29kZSUyMCVFMyU4MiVBRCVFMyU4MyVCQyVFMyU4MyU5QyVFMyU4MyVCQyVFMyU4MyU4OSVFMyU4MiVCNyVFMyU4MyVBNyVFMyU4MyVCQyVFMyU4MyU4OCVFMyU4MiVBQiVFMyU4MyU4MyVFMyU4MyU4OCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YTQzY2RhYTczYjEzZWM0YjlkZWM3NTAwYTQ4M2U5MDc&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBuYXJ1MDUwNCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NmEwYTgxZTE2ZjA5NWQ4N2VmNjgwN2YzYjU0NTVkM2Y&blend-x=142&blend-y=486&blend-mode=normal&s=6229aa4eec86d681f6d4d5b3a6b927f8)
![](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)
![](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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VmlzdWFsJTIwU3R1ZGlvJTIwQ29kZSUyMCVFMyU4MiVBRCVFMyU4MyVCQyVFMyU4MyU5QyVFMyU4MyVCQyVFMyU4MyU4OSUyMCVFMyU4MiVCNyVFMyU4MyVBNyVFMyU4MyVCQyVFMyU4MyU4OCVFMyU4MiVBQiVFMyU4MyU4MyVFMyU4MyU4OCZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9ZDM0NzMzOWI5MDBjNGJiOTY2OTc1NDRjMmFjOGM2NWY&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBvcnVwb251JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02ZDk5MjgwMWExN2U0MjNlN2MxNjZmY2NmNmY3MmY4Nw&blend-x=142&blend-y=486&blend-mode=normal&s=a0dd93e9da1ef906b86e64815af1a846)
その他VScode関連動画 サイト
![](http://yorozumemo.com/wp-content/uploads/cocoon-resources/blog-card-cache/3746c2b86cf5b8d9e9534488669f8f15.jpg)
![](http://yorozumemo.com/wp-content/uploads/cocoon-resources/blog-card-cache/537729070facc59a03ad8c78125763b9.jpg)
![](http://yorozumemo.com/wp-content/uploads/cocoon-resources/blog-card-cache/6409c596204664efc01ecd033b0d0a03.png)
VSCodeに関するメモ
新しいタブとして開く方法
デフォルトではファイルを開くたびに元のタブは閉じて新しいタブが開いてという風になるため、新しいタブとして開いていく方法を下記のサイトの通りにすれば変更できます。
![](http://yorozumemo.com/wp-content/uploads/cocoon-resources/blog-card-cache/d4dc5d18744348bf5562c798061b6bd0.png)