2021.06.23※2021年6月23日に公開した記事ですが、リライト記事に必要な文言等を追記、その他の部分も修正して2021年6月27日に再度公開しました。自動補完の実践VSCodeとは?VSCodeとはMicrosoft社がリリースした無料HTMLエディターです。簡単便利に、尚且つ視覚的にもわかりやすく、HTMLを作成するための道具です。初心者がHTMLを勉強しようとした時に、最初に試してみて頂きたいです。公式サイト(ダウンロードはコチラ)ですが、私はVSCodeインストール直後につまずいてしまいました。入力補完が使えません。分かり易く説明しているサイトもありません。【超初心者用】として解説していきます。Emmet(エメット)とは?Emmet(エメット)とは、入力補完をする機能。最初にやってみたくなるはずです。【h】と入力すると、【h】から始まるタグを表示してくれて、選択すると開始タグから終了タグまで自動で入力してくれるんです。Emmetが使えない場合Emmet(自動補完)が使えない!初心者に、結構ありがちなようです。私もインストールは簡単に出来たんですが、いざ自動補完を試してみると出来ないんです。詳しく解説しているサイトが無いんです。いう事で、次のEmmetの設定方法で解説したいと思います。Emmetの設定方法Emmetの使い方になりますが、VSCode上で【!】の入力をして【Tab】を押すって解説しているサイトばかりなんです。ところがそれって、設定しないと何も起こりません。Tabにチェックを入れ、言語モードでHTMLを選択しましょう。設定完了しましたら、再起動をして終了です。Tabにチェックを入れるVSCode左下の歯車マークから設定を開く。拡張機能を開きEmeetを選択。Tabにチェックを入れる。言語モードの選択VSCodeの下段の青い部分、右側のプレーンテキストをクリック。ファイルを作る際、ファイル名に拡張子(.htmlや.css等)を入力する。言語モードの選択に【html】と記入し選択する。自動補完の実践では実際にVSCodeに【!】を入力し、Tabキーを押してみましょう。HTMLの雛形が出てきますね。以上でEmmetの設定完了です。【HTML】って簡単かも。HTMLって何?【HTML】って、パソコン使う方なら聞いた事ぐらいはあると思います。私も初心者なので難しい事はわかりませんが、ホームページを作る為に使用するプログラミング言語です。前回は何も考えずに<h>タグと<p>タグを使っていました。今回は、初心者なりに正式な形に直してみたいと思います。前回作ったHTMLを少し直してみました。HTMLの基本HTMLの基本やっぱり基本は大事って事で、初めに知っておいた方がいいと思う事から説明していきます。タグとは?文字にも役割があります。大題であったり、小題であったり、本文であったりと色々な種類の文字があります。HTMLの雛形HTMLの雛形を解説前回はVSCodeを設定したので、今回からはVSCode上で、HTMLの勉強を進めていこうと思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。正社員なのに年収200万スティーブ・ジョン・フリーマン趣味で始めたブログを失敗し、そこで経験し覚えてきた事を、このブログで生かし成長する事が出来たらいいと考えています。ここではアフィリエイトの始め方や、お得情報をメインに発信していきたいと思っています。低収入者が少しでも豊かになれるよう応援するのが目的です。自分はド底辺年収200万社会人。あきらめずに続ける事が、成長に繋がると信じて結果を出せるように頑張りたいと思います。【HTML】って簡単かも。正社員なのに年収200万スティーブ・ジョン・フリーマン趣味で始めたブログを失敗し、そこで経験し覚えてきた事を、このブログで生かし成長する事が出来たらいいと考えています。ここではアフィリエイトの始め方や、お得情報をメインに発信していきたいと思っています。低収入者が少しでも豊かになれるよう応援するのが目的です。自分はド底辺年収200万社会人。あきらめずに続ける事が、成長に繋がると信じて結果を出せるように頑張りたいと思います。【HTML】って簡単かも。ブログ記事を書く際に必要なSEO対策2020.10.022021.06.24タイトルとURLをコピーしました。