Info Tech

Visual Studio Codeを使ってみよう

Visual Studio CodeはMicrosoft社が対応している無料のテキストエディタです。ダウンロードとインスツールと、和文になる設定のみを行って、使えることを確認しています。機能は豊富ですが、使いながら覚えれば良いと考えています。

Brackets廃止化に伴う表示

私が使っているAdobeのテキストエディタ(Brackets)は、2021年9月1日でサポート提供が終了してしまいます。Bracketsを使うと、下欄に、その旨が表示されます。

そして、コード編集する場合は、Microsoft作成のVisual Studio Code(テキストエディタ)を使うように促されます。

仕方なく、Visual Studio Codeの使い方を覚えることにしました。

《テキストエディタ》
テキストエディタとは、文字のみで作られるテキストファイルの作成や編集を行うソフトウェアのことです。Bracketsや、TeraPad、等があります。テキストエディタは主にソフトウェアの設定ファイルやコンピュータのソースコード、マークアップ言語による文書ファイルなどの作成・編集に用いられています。

Visual Studio Codeはどんな時に使うの?

Visual Studio Codeは、Microsoftが作成したテキストエディタで、誰でも無償で使用することができます。

もちろん、macOSやWindows、Linuxも使える便利なエディタです。C言語や、C++、Java、Python 、PHP、HTMLなど様々なプログラム言語に対応しています。

私がブログを作成する時には、WPなので、テキストエディタを使わなくても対応できますが、少しだけ、マークアップ言語のHTMLやCSSを使用しているので、この際、Visual Studio Codeに慣れてしまおうと考えました。

文章構成や、見出し、文字のサイズ、文字の配置等を確認する時に、マークアップ言語でコーディングした後に、テキスト文に変換して間違いの有無を確認するのに便利だからです。

Visual Studio Codeはインストール後に、Visual Studio Codeページの左上にあるファイルをクリックして、「ユーザー設定」→「設定」をクリックすると、各種設定ができるようになっています。

但し、Visual Studio Codeは、特別な設定をしなくても充分に使えると何かに書いてあったので、この言葉にすがることにしました。

確かに、Visual Studio Codeをダウンロードすると、考えていたよりも、設定や機能が盛りだくさんで驚きましたが、でも一度に修得しなくても良いと考えると、かなり気が楽になりました。

Visual Studio Codeを使ってみよう

Visual Studio Codeは、インターネットから無料でダウンロードできます。

ダウンロードとインストール

ダウンロードは、Visual Studio Code 公式サイトで行ってください。

ダウンロードページでは、自分のPCのOSに合っているインストーラを選択します。手順に従えばインストールは完了します。

公式ページに行くと、下記画面が表示されます。

vsc1vsc1

日本語に翻訳を選んで、PCのOSに見合ったソフトをダウンロードします。次に、PCにインストール。

vsc2vsc2

デフォルトは、英語の為、必要に応じて日本語にします。「Japanese Language Pack」を選んで、画面言語を和文に設定します。

初期設定

設定画面は色々あって大変そうですが、取りあえず日本語にするだけで、使いながら覚えることにしました。

HTML文書をテキスト文で表示させよう

インストールしたVisual Studio Codeの左上画面にある「ファイル」から新規ファイルを選びます。次に、点滅しているカーソルにHTML文書を書き込んでみます。私は、ワードなどのファイルに予め記載した、HTML言語を含んだ文書を作成しておき、点滅しているカーソル部にコピーしました。

次に、書き込んだHTML文書を名前を付けて保存します。この時、文書名は、「×××.html」などとして、HTML文書であることが分かるようにします。

保存先から、作成した文書を開封すると、HTMLで作成した文書がテキスト文で出現します。

まとめ

Visual Studio Codeは、テキストエディタです。今まで、使ってきたBracketsというテキストエディタが廃止されるため、やむを得ず無料で使用できて、評判の良いVisual Studio Codeを使うことにしました。

本来なら、様々なことが対応できるVisual Studio Codeですが、和文で使えるようにしただけで、何も設定変更しないで使用してみました。

使った印象は、Bracketsと同じように良好です。

ABOUT ME
iyasaretaihito
子どもの時から、昆虫や恐竜、宇宙などに興味がある理科大好きな理系人間です。 会社は半導体設計関連会社に勤務して、60歳で定年退職後は趣味に没頭する、のん気なおじさんです。
RELATED POST