1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【ショートカット】Visual Studio CodeでCSS, JavaScriptファイルを読み込む

Last updated at Posted at 2022-05-26

マイクロソフトが開発している多機能エディタ、Visual Studio CodeでCSS, JSファイルを読み込ませる方法。ショートカットで、楽にいきましょう。

①CSSファイルを読み込みたい場合

link:css

②JavaScriptファイルを読み込みたい場合

script:src

エディタの動きとしては以下のようなかんじになります。
②のJavaScriptファイル導入を例に挙げます。

「script:src」と入力。(←script:を入力するだけで候補出てくる)
scriptsrc.png

と表示されることを確認。

scriptstc2.png

「""」の中に、自分の読み込ませたい対象のJsファイル名を記述する。
(今回は、main.jsを使用している)
scriptstc3.png

あとがき
こんなこと忘れないだろうと思ってたけど、VSCodeを久々に触っていたら見事に忘れていたので備忘として残しておきます。メモ大事。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?