2022年03月21日更新

VSCodeでコード整形

どうも、クラゲジュニアです。
VSCodeで以下のショートカットキーを使うことで、簡単にコード整形されます。

Windows：Shift + Alt + F
Mac：shift + option + F

整形前

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>BlueJelly</title>
<script type="text/javascript" src="bluejelly.js"></script>
</head>
<body>
<div id="text1">Hello, BlueJelly!</div>
<button id="button1">ボタン</button>
<script>
//Global
const ble=new BlueJelly();

//onLoad
window.onload = function () {ble.setUUID("UUID1",BlueJelly.MICROBIT_ACCELEROMETER_SERVICE, BlueJelly.MICROBIT_ACCELEROMETER_DATA);
};

//ClickEvent
document.getElementById("button1").addEventListener("click", function () {
ble.scan("UUID1");//scanのみ
});
</script>
</body>
</html>

整形後

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>BlueJelly</title>
    <script type="text/javascript" src="bluejelly.js"></script>
</head>

<body>
    <div id="text1">Hello, BlueJelly!</div>
    <button id="button1">ボタン</button>
    <script>
        //Global
        const ble = new BlueJelly();

        //onLoad
        window.onload = function () {
            ble.setUUID("UUID1", BlueJelly.MICROBIT_ACCELEROMETER_SERVICE, BlueJelly.MICROBIT_ACCELEROMETER_DATA);
        };

        //ClickEvent
        document.getElementById("button1").addEventListener("click", function () {
            ble.scan("UUID1");//scanのみ
        });
    </script>
</body>

</html>

こんな感じで、スペースや改行が自動的に挿入されます！

以上です。