初心者にも使えるおすすめプログラミングエディタはVSCode!

プログラミングする時に毎回開くのがコードを書くエディタですよね。プログラミングするのに切っても切り離せない存在、だからこそ良い感じのものを使いたい。そこで今回はプログラミングする時に自分がおすすめするエディタを紹介します。

「プログラミング始めたんだけど、何使ったらいいんだろう?」って思う人は参考にしてみてください。

使用してきたプログラミングエディタ

自分結構プログラム書いたりするんだけど、結局VSCodeに行き着きました。ちなみに自分がプログラミングする時に使ってきたエディタはこんな感じ。

  • SublimeText・・・一番最初に使ったエディタ。起動が早くていいが、たまに表示される「有料プラン」使いませんか?のポップアップが面倒
  • Atom・・・デザインは綺麗だが、起動が遅い
  • Vim・・・自分のレベルだとVimだけで色々書くのはきつい
  • VSCode・・・この記事で紹介するエディタ

SublimeTextを使っていた頃が懐かしいですね。それからAtom使ったり他にもいくつか試した記憶があるけど、それなりの期間使っていたのエディタはこんな感じかな。

ちなみにVimっていうのはターミナルから使えるエディタみたいなもの。コマンドが決まっていて最初は使い方が分からなくて戸惑うけど、なんかかっこいいのがVim。ちなみに自分のやつはVimでフォルダを開いてみるとこんな感じになってる。

vim画面

普通にvimって打って開いてみると初期状態だとかなり質素だけど、改造するとこんな感じになる。画面は分割できたりターミナルのようにコマンドを打つ画面を出すこともできる。

vimで画面分割

VimPlugっていうプラグインマネージャーで色々入れているから、よかったらvimを使いやすくするために試してみるといいかもしれない。vim使っている俺カッケー状態になれるかもしれません。まあ、そこまでVim自分使わないんだけどね。。

おすすめのプログラミングエディタVSCodeとは

自分がよく使うのがVSCode。プログラムちゃんと書くかーっていう時にはこれ使うんだけどVScodeは正式名称VisualStudioCode。Microsoftが出しているエディタです。公式サイトには色々書かれているから、見てみるといいですよ。

  • デプロイ前にローカルでクラウドアプリを開始する
  • クラウドへの自動デプロイを設定する
  • データの追加と管理
  • 簡単にコラボレーション

とまあいくつか書いあるけど、ぶっちゃけこういう機能はエディタにあまり求めていないんですよね。求めているのは使いやすさ。そしてこのVSCodeを使ってみるとこれが結構良いです。VSCodeを使う前はAtom使っていたけど乗り換えました。軽く使い方を見ていきましょう。

VSCodeの使い方

フォルダを開く

使い方は他のエディタと同じでフォルダやファイルを開いて作業するだけ。フォルダを開いてみよう、するとこんな感じ。起動もそれなりに早く良い感じです。

VSCodeでフォルダを開く

ちなみに色合いは設定から簡単に変えることができる。 [Code→Color Thema]から自分の好きなカラーテーマを選択。

VSCodeでカラーテーマを設定するVSCodeでカラーテーマを適用する

ちなみに良いカラーテーマないかなあ・・・?って思ったら、VSCodeThemesっていうサイトを見てみるといいですよ。色んなカラーテーマを一覧で見ることができて探しやすいです。良いテーマがあったら、インストールして使ってやりましょう。

VSCodeThemes

ターミナルを使う

エディタとターミナルを別々に使うって面倒ですよね。そんな時にはVSCodeからターミナルを開いてしまいましょう。[Terminal→New Terminal]からエディタにターミナルを表示させることができます。

VSCodeでターミナルを開くVSCodeでターミナルを使う

普通にターミナルと同じようにいじることができるので便利ですよ。ちなみにここでVim使ったりするとこんな感じになる。エディタ開いているのにVIm使うとかよくわかんねえ・・・って感じだけどなんかちょっとかっこいい。

VSCodeの中でVimを使う

画面を分割して使う

一つのファイルしか見ないでプログラムを書くのがしんどい時ありますよね。そんな時に使えるのが画面を分割して使うことです。

VSCodeで画面分割

画面を分割するのは右上のボタンから行うことができる。

VSCodeの画面分割ボタン

キーボードのショートカットで画面分割を行いたかったら、自分好みに設定を変えておくといいです。[Code→Preferences→Jeyboard Shortcuts]と進んで画面を分割するショートカット の設定をしていく。

VSCodeでキーボードショートカットの設定を行う

[View: Split Editor]っていうのを自分がやりやすいコマンドに変更してしまいましょう。

View: Split Editorショートカットキーを入力して画面分割を行えるようにする

設定するとそのコマンドで画面を分割することができるからサッと分割できて便利ですよ。

Extensionを簡単インストール

VSCodeから何か拡張機能入れたいなーって思ったら左側のボタンから検索して簡単にインストールすることができる。

VSCodeの拡張機能をインストール検索するといろんな拡張機能が見つかる

自分が使っているライブラリや言語で検索してみると、自分が求めているものや便利なものが見つかるかもしれません。いくつか入れてみて自分が使いやすい設定にしていきましょう。

おすすめプログラミングエディタまとめ

今回はプログラミングエディタであるVSCodeを紹介しました。エディタの種類はいくつもあるから何を使えばいいか迷ってしまいますよね。もし迷ったのならVSCodeを使ってみてください。公式サイトからダウンロードすることができます。

ダウンロードしたら自分の使いやすいようにショートカットの設定をいじったり、拡張機能を入れておくといいです。快適なプログラミングライフを過ごしましょう。