2019.09.12こんにちは。ウェブ制作会社で働くやなぎはらめいです。ウェブ制作会社で働くウェブデザイナー・コーダー・ウェブエンジニアさん向けに便利なプラグインを紹介します。私が普段から使用していて特に便利だなと思うものを載せていきます。Tagこのプラグインは自動で開始タグと閉じタグを合わせてくれます。開始タグを変更したら終了タグも自動で変更してくれます。つまらないミスが減ったり、作業時間の短縮につながるのでぜひ入れておきたいプラグインです。Tagセットになっている開始タグと終了タグをハイライトしてくれるプラグインです。同じタグが連続であると、どれとどれがペアなのか分かりづらいですからね。ハイライトしてくれると分かりやすくかなり楽になります。indent-rainbowインデントの深さが分かるように色が付くプラグインです。好みに合わせて色を変更することができるようです。ちなみに私はデフォルトで使用しています。validatorcssの文法エラーを発見してくれるプラグインです。間違った記述をするとVScodeの下部にエラー箇所が表示されます。どこがおかしいのかすぐに分かるので作業効率が上がるのは間違いないです。W3Cに準拠しているので、最も正しく判断できると思われます。CompilerSassをコンパイルしてくれるプラグインです。設定などは不要で簡単に使用することができます。画面下部に「watch」のマークが出るのでそれをクリックするとコンパイルできるようになります。Gulpなどの環境がある人は不要かもしれませんが、簡単にコンパイルできる環境を用意することができるので知っていてもよいかもしれません。Sassを使う人なども入れてみてもよいかもしれませんね。Server」も同時にインストールされます。Serverは次の項目で紹介しています。Serverファイルの更新を検知して自動でブラウザを更新してくれます。htmlファイルやcssファイルを書き換えて保存したときにブラウザの画面が自動でリロードされます。画面をわざわざ更新しなくてよいですし、開発のスピードがぐっと上がりますね。ワークスペースのルートを元に仮想サーバーを立ち上げています。Compilerと同時にインストールされます。おわりいかがだったでしょうか。以上がウェブ制作者であるウェブデザイナー・コーダー・ウェブエンジニアさんがVScodeを使用していくうえで必須だと思うプラグインの紹介でした。「受託開発のウェブ制作会社」を狙うなら直請けのウェブ制作会社を狙うのがおすすめ。ウェブ制作ウェブ屋が思う”ウェブ制作会社でコーダーとして働きたいと思っている人”に必要なスキル・技術ウェブ制作ウェブ制作会社の職種をまとめてみた。「HTML5/CSS3モダンコーディング」レビュー!一通り勉強したら次に取り組みたい1冊。SWE01」をレビュー2019.07.162019.09.28カテゴリーBEMcocoonSassSEOウェブ制作ガジェットハミングバードブログワードプレス便利グッズタイトルとURLをコピーしました。