Javascript-форум - Помогите настроить VSCode для работы с javascript

Я плохо в этом разбираюсь и требуется помощь. Нужно настроить среду VSCode для разработки игры на движке pixi.js так, чтобы были подсказки кода.

У меня есть тестовый проект. Состоит из index.html, main.js и библиотеки pixi.js.

main.js

import * as PIXI from 'pixi.js'

let app = new PIXI.Application({width: 256, height: 256});
document.body.appendChild(app.view);
alert('hello');

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="pixi/pixi.js"></script>
    <script src="src/main.js"></script>
</head>
<body>
    
</body>
</html>

Подсказки кода библиотеки pixi.js работают, но сам проект в браузере не запускается:

SyntaxError: import declarations may only appear at top level of a module

Если выставить тип main.js как модуль:

<script type="module" src="src/main.js"></script>

То ошибка пропадает, но проект всё равно не запускается. Насколько я понял, main.js становится невидимый. Как мне сделать так, чтобы и подсказки кода работали и проект запускался? :)