Тёмный

【作業効率化】Web制作にオススメ!Visual Studio Code 拡張機能5選 インストールするだけ簡単【コーディング・プログラミング】 

Webの神様
Подписаться 48 тыс.
Просмотров 30 тыс.
50% 1

みんな大好き高機能エディタ、VS Codeのオススメ拡張機能5選の紹介です!
Webデザイン・コーディングやプログラミングの作業効率が格段にアップするので、是非インストールしてみてください。
【動画内で紹介している拡張機能一覧】
①Auto Rename Tag
marketplace.visualstudio.com/...
②indent-rainbow
marketplace.visualstudio.com/...
③Path Intellisense
marketplace.visualstudio.com/...
④Code Spell Checker
marketplace.visualstudio.com/...
⑤Evilinspector
marketplace.visualstudio.com/...
↓↓↓「Visual Studio Code」のインストール方法・日本語化、便利なショートカット一覧、その他機能などの紹介はこちら↓↓↓
【初心者向け】Visual Studio Codeの使い方・便利機能解説!ショートカット/日本語化/Emmet【作業効率化】
• 【初心者向け】Visual Studio C...
【Visual Studio Code】
ダウンロードリンク
code.visualstudio.com/download
======== おすすめ関連動画 ========
【超入門】HTML・CSSってなに?学習の始め方解説 2021年最新版【未経験・初心者向け】
• 【超入門】HTML・CSSってなに?学習の始...
【Webデザイナー・プログラマー】初心者必見!挫折しないためのプログラミング勉強法 【独学・学習効率アップ】
• 【Webデザイナー・プログラマー】初心者必見...
【作業効率UP!】Web制作にマストのGoogle Chrome拡張機能10選!現役Webディレクターも愛用【HTML・CSS コーディング】
• 【作業効率UP!】Web制作にマストのGoo...
-- Webの神様 --
未経験、初心者のみなさんのHTML・CSSの学習を応援していくチャンネルです!
【タグ】
#エディタ #コーディング #プログラミング
【SNS】
-- Twitter --
/ webgodweb
-- Facebook --
/ webgodweb
【運営会社】
株式会社カラフルクローバー
www.colorful-clover.co.jp/
★★★「Webの神様」メンタープランのご案内★★★
ナビゲーターの「なつこ」が講師となって、皆さんのWebデザイン・プログラミング学習をサポートする「メンタープラン」を実施中です!
【お知らせ動画】
「Webの神様」があなたのメンターになります
• 【お知らせ】「Webの神様」があなたのメンタ... プレビュー
【プランの詳細・お申し込み(MENTA)】
menta.work/plan/5148
未経験から学習中の方、Web・IT業界に就職・転職活動中の方、フリーランス独立を目指して活動中の方など、必要として頂いている皆さんのお役に立てるように精一杯サポートさせて頂きます!
是非ともご検討いただければ幸いです。
★★★★★★★★★★★★★★★★★★★★★★★

Хобби

Опубликовано:

 

12 ноя 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 33   
@webgodweb
@webgodweb 2 года назад
【動画内で紹介している拡張機能一覧】 ①Auto Rename Tag marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag ②indent-rainbow marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow ③Path Intellisense marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense ④Code Spell Checker marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker ⑤Evilinspector marketplace.visualstudio.com/items?itemName=saikou9901.evilinspector ↓↓↓「Visual Studio Code」のインストール方法・日本語化、便利なショートカット一覧、その他機能などの紹介はこちら↓↓↓ 【初心者向け】Visual Studio Codeの使い方・便利機能解説!ショートカット/日本語化/Emmet【作業効率化】 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-pQ7tmTx5Zbk.html 【Visual Studio Code】 ダウンロードリンク code.visualstudio.com/download
@sayang_CCA60
@sayang_CCA60 2 года назад
コーディングビギナーの自分にとってはとても貴重な情報です。ありがとうございます!
@webgodweb
@webgodweb 2 года назад
いつもありがとうございます✨ 是非インストールしてみてくださいっ!
@sayang_CCA60
@sayang_CCA60 2 года назад
はい。動画を見ながら全てインストールしました。😁
@user-bg5wz1fv2t
@user-bg5wz1fv2t 2 года назад
拡張機能を探すのって時間がかかるので、厳選して紹介いただいてすごくたすかります! 「Bracket Pair Colorization」機能がメチャクチャ便利です!😂 ついつい後回しにしてしまうのですが、ツール環境の整備って大事ですね。
@webgodweb
@webgodweb 2 года назад
ご視聴ありがとうございます!✨ とてもわかります!なにかと後回しにしがちですが、今後の作業効率が段違いになるので、一度環境を整えていただくとありがたみがわかると思います😂
@egawatakuma
@egawatakuma 2 года назад
vscodeを使ってるので、おすすめ拡張機能の情報嬉しいです コードを書く量が多くなると、閉じタグがどこだっけと探すのにも手間がかかるので 今回教えていただいたものを取り入れて使ってみようと思います!
@webgodweb
@webgodweb 2 года назад
コメントありがとうございます!✨ 拡張機能は、インストールしただけで便利になるものが多いので、入れない手はないですよね🙏
@SU-gd6nd
@SU-gd6nd 2 года назад
他の人の設定って気になりますよね! 私のオススメ拡張機能はPrettierですかねー。 それより久しぶりに観たら大人っぽくなっててビックリ!! これからも応援します📣
@webgodweb
@webgodweb 2 года назад
Prettierですね!知ってはいたのですが使ったことがなかったのでインストールしてみました、ありがとうございます! あたたかいお言葉までいただき感謝です!🙇‍♀️
@KentaroxKondo
@KentaroxKondo Год назад
auto renameはVS Codeで標準機能化されたみたいですね。プラグインをインストールしなくても、設定で有効化できるようになっていました!
@KentaroxKondo
@KentaroxKondo Год назад
"linked editing"という設定にチェックをすればOKでした。
@webgodweb
@webgodweb Год назад
仰る通り、アップデートされたみたいですね! 標準機能のままでもどんどん便利になっていくなあと思います🙏 貴重な情報もご共有ありがとうございますー!
@nachisuke_ag
@nachisuke_ag 20 дней назад
Themaは何を使用されていますか?
@user-ff3jx3gt5q
@user-ff3jx3gt5q 2 года назад
今回も有意義な情報ありがとうございます。😁 ちなみに、Web制作会社では、dream weaver を使ってますか?
@webgodweb
@webgodweb 2 года назад
ご視聴ありがとうございます! 他社のことはわからないのでなんとも言えないですが、少なくとも私の会社では全く使っていないです🙇‍♀️
@user-ff3jx3gt5q
@user-ff3jx3gt5q 2 года назад
ご丁寧にありがとうございます。😁
@SS-ls5eu
@SS-ls5eu 2 года назад
いつも勉強させて頂いてます! センター分け似合ってます😄 質問なのですが、書いたコードをGo liveでサブディスプレイに写して、PCでVScodeを書いてます。 autosave機能をonにしているのですが、VSCODEを書くたびにサブディスプレイの画面が一番上までいってしまいます。長いページを作っている時にいちいち下までもどるのが面倒なのですが何か良い方法はありますでしょうか?
@user-lr7mu9pf8y
@user-lr7mu9pf8y 2 года назад
Sassを自動インデントしてくれる機能がほぴいですぅ。。
@webgodweb
@webgodweb 2 года назад
コメントありがとうございます✨ なにかいいのがないか探してみますね!🙇‍♀️
@user-px7jb3uy3j
@user-px7jb3uy3j 2 года назад
なつこ、今日も可愛かったよ! 俺、アトムエディターやけどVSに変えるよ!
@webgodweb
@webgodweb 2 года назад
いつもありがとうございます😂 私も前はAtomユーザーでしたが、今はVS Codeが快適で戻れなくなりました…!オススメです!
@AH-fy5tf
@AH-fy5tf Год назад
webサイトを作りたいと思っています。調べたらvs code?でwebサイトを作る人もいれば、WordPressがオススメという人もいて…どちらの勉強をすればいいですか?勉強しても無理だったらプロに頼もうと思っているんですけど、WordPressで作ってもらえばいいのか、vs codeがいいのか…😵‍💫違いが全く分かりません。
@webgodweb
@webgodweb Год назад
コメントありがとうございます! 「VS Codeで作る」というのは、恐らく1からコーディングをしてサイト制作する手順のことをおっしゃっているかと思います。 これには、HTMLやCSSといった言語の学習から始めていただかないといけないです。(ここでVS Codeを使ってコードを書く作業が発生します。) 手っ取り早くWebサイトを公開されたいなら、WordPressがお勧めかとは思います。基本的には無料で利用できますし、先に言ったようなコーディングで1からサイト制作を始めるよりは、学習コストは少ないのではないかと思います。 (ほとんど違う方向性の学習なので、人によるかもしれませんが。。) とはいえ、HTMLやCSSの知識はサイト制作の基本なので、WordPressを勉強していても求められるシーンが必ず出てくるはずです。理想は、WordPressでサイト制作を進めつつ、HTML・CSSの学習も並行して進めていただくことかなと思います!
@AH-fy5tf
@AH-fy5tf Год назад
なるほど、そうなんですね! 分かりやすくて助かりました!wordpressで作りながら言語の学習もやってみます!ありがとうございました😊
@user-vx4md3lm2u
@user-vx4md3lm2u 2 года назад
ありがとうございます😊とても参考になりました。全部使ってみます! あと質問ですが、コードの整形機能は何を使うといいですか?
@Dokurou
@Dokurou Год назад
Error lensを紹介しないとは・・・ 超絶便利ですけどねぇ(´・ω:;.:...
@webgodweb
@webgodweb Год назад
貴重な情報ありがとうございます!! 使ってみます、、!🙇‍♀️
@04rinel64
@04rinel64 2 года назад
ゴマキに似てる
@webgodweb
@webgodweb 2 года назад
コメントありがとうございます😂
Далее
How ChatGPT Works Technically For Beginners
33:11
Просмотров 1 млн
В GEOMETRY DASH СДЕЛАЛИ GTA
00:27
Просмотров 572 тыс.
HTMLをブラウザで表示する方法
9:37
Просмотров 21 тыс.
Zed “kills” VSCode
12:10
Просмотров 679 тыс.
Tmux has forever changed the way I write code.
13:30
Просмотров 937 тыс.
What it feels like cleaning up after a toddler.
0:40
АРТ-ОБЪЕКТ СО СМЫСЛОМ
0:23
Просмотров 7 млн