Visual Studio Code のv1.69にて、GO TO RECENT DIRECTORY なる機能が追加されているのを発見した。説明文を載せる。 Similar to the run recent command feature, the Terminal: Go to Recent Directory command keeps track of directories that have been…

※本記事は以前書いた「Live Serverで立ち上げたサーバーにスマホからアクセスする」のLive Preview版です。 筆者の作業環境 OS: Windows10 21H2 エディタ: Visual Studio Code 1.68.1 今回利用する拡張機能: Live Preview 0.2.12 手順 PCでつなげているネッ…

やりたいこと ウェブサイト全体を対象にした置換作業をおこないたい。 要望としては、HTMLに含まれる、相対パス指定はそのまま保持されていてほしい。それを正規表現による置換で実現する。 ウェブサイトの構成は以下のようになっている。 異なる階層に、HTM…

Emmetの機能に、「数値の増減」があります。 Increment/Decrement Number https://docs.emmet.io/actions/inc-dec-number/ これにVSCodeで使えるマルチカーソルを合わせると、連番を手入力しなくて済むようになります。 例：連番が欠けた状態 <ul> <li>連番1</li> <li>連番3</li> <li></li></ul>…

やり方 タグで囲いたい範囲を選択 Ctrl + Shift + pを押す Wrap with Abbreviationを選択 タグ名* と入力、エンターキーを押す これで選択した各行が、4で入力したタグで囲われているかと思います。 例 下のような3行の文字列それぞれにliタグをつけたい。 …

Visual Studio Codeの検索機能で正規表現を使用するとき、複数行にまたがる文字列を検索対象に入れるにはどうするかを紹介する記事です

はじめに Visual Studio Codeの拡張機能「Live Preview」のホットリロードに関する設定を変更しようと思います。 初期設定では、'On All Changes in Editor'となっています。この設定では、文字を打ったりctrl + sで保存したり等、「エディタ上で発生する変…

VSCodeで利用している拡張機能のLive Server使用時に、オートリロードが効かなくなってしまい、困っています。現在未解決なため、経過等も書くためにブログに書きました。

Shibajukuさんの以下記事を参考にしました。 しかしながら、肝心のスマホでアクセスしてもサーバーへの接続でタイムアウトしてしまいます。 Visual Studio Code のLive Serverを使って実機（iPhoneなど）でプレビューする方法。 ざっくり以下の手順で進めま…

サイドバー、エディタ、ターミナルそれぞれへの切り替え サイドバーにフォーカスする サイドバーを閉じる エディタにフォーカスする ターミナルにフォーカスする ターミナルを閉じる ターミナルからファイルやフォルダを開く（現在開いてるウィンドウに） フ…