Назад | Учебник TypeScript | Вперёд
Наших знаний уже должно быть достаточно для небольшого проекта. Просто учить язык скучно. Напишем игру. Простенькую логическую игру с шариками. Игра будет называться tscolorballs.
Сначала создадим файл HTML для нашей игры. Дадим ему имя “tscolorballs.html”. Вставим туда следующее содержимое:
1 2 3 4 5 6 7 |
<!DOCTYPE html> <html> <head><title>TypeScript Color Balls</title></head> <body> <script src="tscolorballs.js"></script> </body> </html> |
У нас проект будет состоять из нескольких файлов. Будем делать всё по-научному. Для организации проектов в TypeScript создают файл “tsconfig.json”. Этот файл описывает структуру проекта. В “tsconfig.json” впишем следующее содержимое:
1 2 3 4 5 6 7 8 |
{ "compilerOptions": { "outFile": "tscolorballs.js" }, "include": [ "src/**/*" ] } |
Что мы здесь описали? В принципе всё просто:
include — указывает, какие файлы нужно включать в проект. Можно использовать маски, где **/ — это рекурсивный поиск по всем подкаталогам, а * — это любой файл, ? — это любой символ.
compilerOptions — здесь в outFile мы указываем конечный файл, куда будет собираться весь обработанный компилятором код.
Теперь создайте каталог “src”, а в нём подкаталог “core”. В “core” создайте файл “Engine.ts” со следующим содержимым:
1 2 |
class Engine { } |
Структура файлов на текущем этапе должна получиться примерно такая:
- src/core/Engine.ts
- tscolorballs.html
- tsconfig.json
Если мы сейчас вызовем компилятор TypeScript из каталога, в котором содержится файл “tsconfig.json” без параметров, то он будет использовать содержимоек “tsconfig.json”:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
$ tsc $ dir Volume in drive C is XXSXXXXXXXX Volume Serial Number is XXXX-XXXX Directory of XXXXXXXXXXXXXXXXX\typescript 05/23/2019 08:01 PM <DIR> . 05/23/2019 08:01 PM <DIR> .. 05/23/2019 08:46 PM <DIR> src 05/23/2019 08:35 PM 164 tscolorballs.html 05/23/2019 08:04 PM 102 tscolorballs.js 05/23/2019 08:57 PM 123 tsconfig.json 3 File(s) 389 bytes 3 Dir(s) 179,991,793,664 bytes free |
В “tsconfig.json” могут указываться дополнительные опции компиляции, а также exclude, но на начальном этапе нам хватит того, что мы описали здесь.
Назад | Учебник TypeScript | Вперёд