Web開発のためのベストVSコード拡張
6981 ワード
**こんにちは、今日はVSCodeの拡張子を見せてくれました.これはウェブ開発における生産性の向上を助けてくれました.このポストは初心者を含むみんなのためです.
レッツゲット
1 . HTMLスニペット
アバウト
スニペットの一部を入力し、Enterキーを押します.
括弧で括らないタグ
CSSクラス名のためのintellisense -
アバウト
ブートストラップクラス名については、ブートストラップクラス名を使用してブートストラップクラスとスタイリングコンポーネントについて知っている場合は、この拡張モジュールをHTMLの自動補完クラス名機能を特別にブートストラップクラス名にします.
3 .エメットライブ
アバウト
コマンドパレットを開きます(F 1ウィンドウで)、コマンドを見てください.入力を入力し、HTMLエメットの略語を入力します.
これは、確実にHTMLコードを書くのを助けて、そのうえ時間を節約します.
JavaScriptブースター
アバウト
JavaScriptを書いている間、それが非常に役に立つとき、私はそれが好きです.
このVSコード拡張子はJavaScript(またはtypescript/flow)でコードを編集するときに様々なコードアクション(速い修正)を提供します.ちょうど左の電球に注意し、どのようにカーソルの下にコードを変換することを学ぶために押してください.
通常の機能を矢印の機能にボタンをクリックして逆変換することができますし、そのような多くの機能があります.
ブートストラップ4
アバウト
ブートストラップ4、フォント素晴らしい4＆フォント素晴らしい5無料＆プロスニペットを含むVisual Studioのコードのプラグイン.このプラグインは、両方の安定＆インサイダービルドで動作します.
これはブートストラップのためのもので、ブートストラップのコードを書くのに多くのスニペットを持っています
例
B 4 -$およびEnterキーを押して、ブートストラップのCDNファイルとブートストラップを使用するすべての必要なタグを持ってブートストラップのマスターテンプレートを作成します.
また、単純な1行のスニペットでフォーム、カード、ボタンなどを作成することができます.
ブートストラップのすべてのスニペットを確認するには、この拡張機能をチェックしてください.
6 . Live Server
アバウト
静的＆動的なページのLive Reload機能を開発ローカルサーバーを起動します.
それはあなたがコードに変更を行うたびにWebページを更新することができますし、ページに何度も繰り返してページを更新するを参照してページを更新する必要はありません.
7 . Es 7/反応/redux .
アバウト
Es 7構文を用いたJS/TSにおけるReaction , Redux , Graphqlの簡単な拡張
あなたが反応開発者であるならば、あなたはこの拡大をチェックしなければなりません.コードの自動補完のための多くの断片があります
例えば-
VSCodeスタイルのコンポーネント
アバウト
スタイルを構成するコンポーネントを使用してコンポーネントを反応させる場合は、JSファイルで書かれたCSSコードを自動補完するため、この方法は最適です.だから、この1つを確認します.
ブラケット対着色剤
アバウト
マッチングブラケットをカラー化するためのカスタマイズ可能な拡張
これは、単純な拡張子は、別の色でブラケットを着色するので、簡単にどのようなコードブロックのブロックを識別することができますどのようなオープンブロックとクローズブラケットがあります.
10 . Lorem IPSUM
アバウト
を生成し、挿入する
それはあなたのWebページで使用するダミーテキストを生成する単純な拡張です.
あなたがVSCodeのどんな他のクールな拡張についても知っているならば、コメントセクションでそれに言及するのが自由に感じてください.
このポストを読んでいただきありがとうございます、あなたがどんなミスを見つけるか、または任意の提案をしたい場合はコメントセクションで言及してください.
あなたは、下記のリンクでいくらかの寄付によって私を助けることができます👇👇
☕ - https://www.buymeacoffee.com/waaduheck
ブログ一覧にもどる
レッツゲット
1 . HTMLスニペット
アバウト
スニペットの一部を入力し、Enterキーを押します.
括弧で括らないタグ
div --> <div></div>
doc --> <!DOCTYPE html>
a --> <a href=""></a>
CSSクラス名のためのintellisense -
アバウト
ブートストラップクラス名については、ブートストラップクラス名を使用してブートストラップクラスとスタイリングコンポーネントについて知っている場合は、この拡張モジュールをHTMLの自動補完クラス名機能を特別にブートストラップクラス名にします.
3 .エメットライブ
アバウト
コマンドパレットを開きます(F 1ウィンドウで)、コマンドを見てください.入力を入力し、HTMLエメットの略語を入力します.
これは、確実にHTMLコードを書くのを助けて、そのうえ時間を節約します.
JavaScriptブースター
アバウト
JavaScriptを書いている間、それが非常に役に立つとき、私はそれが好きです.
このVSコード拡張子はJavaScript(またはtypescript/flow)でコードを編集するときに様々なコードアクション(速い修正)を提供します.ちょうど左の電球に注意し、どのようにカーソルの下にコードを変換することを学ぶために押してください.
通常の機能を矢印の機能にボタンをクリックして逆変換することができますし、そのような多くの機能があります.
ブートストラップ4
アバウト
ブートストラップ4、フォント素晴らしい4＆フォント素晴らしい5無料＆プロスニペットを含むVisual Studioのコードのプラグイン.このプラグインは、両方の安定＆インサイダービルドで動作します.
これはブートストラップのためのもので、ブートストラップのコードを書くのに多くのスニペットを持っています
例
B 4 -$およびEnterキーを押して、ブートストラップのCDNファイルとブートストラップを使用するすべての必要なタグを持ってブートストラップのマスターテンプレートを作成します.
また、単純な1行のスニペットでフォーム、カード、ボタンなどを作成することができます.
ブートストラップのすべてのスニペットを確認するには、この拡張機能をチェックしてください.
6 . Live Server
アバウト
静的＆動的なページのLive Reload機能を開発ローカルサーバーを起動します.
それはあなたがコードに変更を行うたびにWebページを更新することができますし、ページに何度も繰り返してページを更新するを参照してページを更新する必要はありません.
7 . Es 7/反応/redux .
アバウト
Es 7構文を用いたJS/TSにおけるReaction , Redux , Graphqlの簡単な拡張
あなたが反応開発者であるならば、あなたはこの拡大をチェックしなければなりません.コードの自動補完のための多くの断片があります
例えば-
rfce and hit enter
VSCodeスタイルのコンポーネント
アバウト
スタイルを構成するコンポーネントを使用してコンポーネントを反応させる場合は、JSファイルで書かれたCSSコードを自動補完するため、この方法は最適です.だから、この1つを確認します.
ブラケット対着色剤
アバウト
マッチングブラケットをカラー化するためのカスタマイズ可能な拡張
これは、単純な拡張子は、別の色でブラケットを着色するので、簡単にどのようなコードブロックのブロックを識別することができますどのようなオープンブロックとクローズブラケットがあります.
10 . Lorem IPSUM
アバウト
を生成し、挿入する
それはあなたのWebページで使用するダミーテキストを生成する単純な拡張です.
あなたがVSCodeのどんな他のクールな拡張についても知っているならば、コメントセクションでそれに言及するのが自由に感じてください.
このポストを読んでいただきありがとうございます、あなたがどんなミスを見つけるか、または任意の提案をしたい場合はコメントセクションで言及してください.
あなたは、下記のリンクでいくらかの寄付によって私を助けることができます👇👇
☕ - https://www.buymeacoffee.com/waaduheck
ブログ一覧にもどる
Reference
この問題について(Web開発のためのベストVSコード拡張), 我々は、より多くの情報をここで見つけました https://dev.to/shubhamtiwari909/best-vs-code-extensions-for-web-development-2lk3テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol