Чтобы создать проект TypeScript, вы можете выполнить следующие действия:
Шаг 1. Создайте новый каталог проекта.
Создайте новый каталог для своего проекта, используя интерфейс командной строки (CLI) или предпочитаемый вами файловый менеджер. Откройте терминал или командную строку и перейдите в нужное место для вашего проекта. Затем выполните следующую команду, чтобы создать новый каталог:
mkdir my-typescript-project
cd my-typescript-project
Шаг 2. Инициализируйте новый проект TypeScript
Попав в каталог проекта, вам необходимо инициализировать новый проект TypeScript. Выполните следующую команду, чтобы создать файл package.json:
npm init -y
Шаг 3. Установите TypeScript
Далее вам необходимо установить TypeScript в качестве зависимости для разработки. Чтобы установить TypeScript, выполните следующую команду:
npm install typescript --save-dev
Шаг 4. Создайте файл конфигурации TypeScript
Чтобы настроить TypeScript для вашего проекта, вам необходимо создать файл tsconfig.json. Выполните следующую команду, чтобы создать файл конфигурации:
npx tsc --init
Эта команда создает базовый файл tsconfig.json. Вы можете изменить этот файл, чтобы настроить параметры компилятора TypeScript в соответствии с требованиями вашего проекта.
Шаг 5. Написание кода TypeScript
Теперь вы можете приступить к написанию кода TypeScript в своем проекте. Создайте новый файл с именем index.tsв каталоге вашего проекта и добавьте пример кода:
function greet(name: string) {
console.log(`Hello, ${name}!`);
}
greet("TypeScript");
Шаг 6. Компиляция кода TypeScript
Чтобы скомпилировать код TypeScript в JavaScript, выполните следующую команду:
npx tsc
Эта команда сообщает компилятору TypeScript (tsc) скомпилировать все файлы TypeScript в вашем проекте. Скомпилированные файлы JavaScript будут созданы в том же каталоге с расширением .js.
Шаг 7. Запустите код JavaScript
Наконец, вы можете запустить скомпилированный код JavaScript с помощью Node.js. Выполните следующую команду, чтобы выполнить файл index.js:
node index.js
Выход будет:
Hello, TypeScript!
Поздравляем! Вы успешно создали и запустили проект TypeScript.