Help us understand the problem. What is going on with this article?

はじめてのVisual Studio Code

More than 1 year has passed since last update.

はじめに

プログラムを入力するには、「エディタ」と呼ばれる、テキストファイルを編集するアプリケーションを使うことが一般的です。
プロムラミング言語の文法に対応したエディタを利用すれば、自動的にインデント挿入やキーワード、定数、文字列を色付けしてくれるので分かりやすくコーディング出来ます。
下記のようなエディタがよく使われています。
 ・Visual Studio Code
 ・Sublime Text
 ・Atom

ここではVisual Studio Code(VSCode)
について書きたいと思います。

VS Codeとは

VS Codeの主な特徴は下記の通りです。
 ・多種多様なプログラミング言語に対応
 ・拡張機能が豊富
  VSCodeがサポートしていない機能を付け加える事が出来る
 ・IDEのように使用できる
  VSCodeはIDE(統合開発環境)ではありませんが、対応している言語に対しては、擬似IDEのようにデバッグやバージョン管理等を行う事ができる。

ダウンロード

こちらから
お使いのPCのOSにあったものをダウンロードします。

拡張機能

私が追加した拡張機能を記載しています。

拡張機能をインストールするにはVSCodeのプラグイン管理画面で検索するとインストール出来ます。
スクリーンショット 2019-07-17 23.07.31.png

 1.Japanese Language Pack for Visual Studio Code
  英語表記を日本語化

 2.vscode-icons
  アイコンが付いて見やすくなる

 3.git history
  gitの変更履歴をその場で見る事ができる

 4.GitLens
  変更状態が確認しやすい(次世代git blameとか)

 5.GitHub Pull Requests
  作業中の“GitHub”リポジトリに送られているプルリクエスト(PR)を一覧、直接レビューできる

 6.Prettier
  コードの自動フォーマット化

 7.Bracket Pair Colorizer
  カッコ対応を色付き表示

 8.gitignore
  自動で.gitignore ファイルを作成をしてくれる。
  ここでもいいかも

 9.Todo+
  ToDoを管理

 10.Trailing Spaces
  行末の空白を強調表示

 11.Trailing Spaces
  全角スペース表示

 12.Ruby
  Rubyの構文チェック

 13.HTML Snippets
  HTML、CSSのタグ補完

勉強する上で便利になるものは追加します。

Ayaka_ramens
RubyとRailsの達人になるべく筋トレ中の ひよっこエンジニア🐥
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away