コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > 開発ツール > VSCode > vscode で div タグをすばやく完成させる方法

vscode で div タグをすばやく完成させる方法

王林
リリース： 2019-12-31 13:24:55
オリジナル
5406 人が閲覧しました

vscode で div タグをすばやく完成させる方法

#1. まずプラグインをインストールします

vscode で div タグをすばやく完成させる方法#2. files.associations オブジェクトを設定します

vscode で div タグをすばやく完成させる方法開くと、次のようになります:

vscode で div タグをすばやく完成させる方法[使用する通信] リストで

「files.associations」を見つけます: {}

vscode で div タグをすばやく完成させる方法左側の編集ボタンをクリックし、右側の編集ボックスで編集すると、結果は図のようになります。

vscode で div タグをすばやく完成させる方法同様に、下の図に示すように、[ワークスペース設定の変更] で同じことを行います。

##保存後、js ファイルに戻り、

タグを押してオートコンプリートすると、コードが有効になります。 vscode で div タグをすばやく完成させる方法 ヒント: 完成させたいファイルが js ファイルではなく、.vue ファイルなどの別の接尾辞を持つ場合は、そのファイル接尾辞をリストの最後に追加するだけです。

例: 

{
    "emmet.triggerExpansionOnTab": true,
    "files.associations": {
        "*.js": "html",
        "*.vue": "html"
    }
}
ログイン後にコピー

おすすめの関連記事とチュートリアル:

vscode チュートリアル

以上がvscode で div タグをすばやく完成させる方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
vscode
ソース：php.cn
前の記事：vscodeでターミナルを変更する方法 次の記事：vscode で md ファイルをプレビューする方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
数独チェッカーが動作しないのですが？エラーの特定を手伝ってくれる人はいますか? オンラインエディターですべてを試しましたが、それでもエラーが発生します。しかし、私のマシンのVSCodeでこれを実行すると、正常に動作します。混乱していて、バグを見つけずにコードを...
から 2024-04-06 21:21:07
0
1
474
私のページには HTML にタイトルがありますが、表示されません 私はコーディングを始めたばかりなので、私を批判しないでください。 vscodeを使用してWebサイトを作成しようとしています。HTMLとCSSを使用していますが、コードの左上隅に配...
から 2024-04-01 18:24:53
0
1
364
VSCode id 属性をカスタマイズするにはどうすればよいですか? 最近 Atom から VSCode に移行しました。エディタの大部分を自分の好みに合わせてカスタマイズすることができましたが、気に入っている Atom の機能がまだ欠けています。そ...
から 2024-03-31 14:13:45
0
1
373
/bin/sh: 1: C:xamppphpphp.exe: 見つかりません 私はWSL2、Ubuntu20.04を使用し、VSCodeを実行しています。 Windows 上の VSCode および XAMPP で CodeRunner 拡張機能を使用してお...
から 2024-03-31 09:10:37
0
1
333
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート