マガジンのカバー画像

Visual Studio Code

7
運営しているクリエイター

#css

VSCodeからブラウザへのドラッグ&ドロップ

1. 困った現象のあらまし私の科目では、HTML・CSS・JavaScriptの演習の際、 テキストエディタ(=Visual Studio Code)でファイル作成し、 上部タブをドラッグ&ドロップして、 ブラウザ上で確認するように指導していました。 2023年12月の後期授業中盤のころ、VSCodeからドラッグ&ドロップしたらVSCodeの別ウインドウが開いてしまうという困った現象が発生したとのご連絡が学生のかたからありました。 こちら(=Mac)では確認できず

Visual Studio Codeの扱い方

Webページを作るときには、 ・制作物を作るためにテキストエディタ、 ・制作物を確認するためにブラウザ が必要になります。 エディタと言うとMicrosoftのWordなどを連想するかもしれませんが、あちらはリッチエディタと呼ばれ、文字の大きさ、装飾などもできる機能の豊かなエディタです。 コードを書くときはそれらリッチな機能は必要ないため、コード(≒文字・数字・記号)だけを入力するテキストエディタが必要になります。 Mac付属のソフト「テキストエディット」もよくありません。