Использование vue-cli-сервиса с typescript

#typescript #vue.js #webpack #vue-cli

#typescript #vue.js #webpack #vue-cli

Вопрос:

У меня есть проект Vue, который я создал с помощью командной строки Vue, и теперь я хочу включить TypeScript в проекте. Я ознакомился с этим руководством, но оно рекомендует добавить конфигурацию Webpack и заменить vue-cli-service в разделе package.json скрипты на Webpack.

Есть ли какой-либо способ, который я могу продолжать использовать vue-cli-service для создания своего приложения Vue и включить для него поддержку TypeScript?

Ответ №1:

В существующем проекте Vue CLI вы можете добавить поддержку TypeScript, введя эту команду:

 vue add typescript
 

Имейте в виду, что эта команда перезапишет файлы, но вы можете использовать git diff для просмотра различий.

Ответ №2:

В vue-cli 3.x

 $ vue create <app_name>
 

Это вызовет подсказку, выберите Manually select features , включите TypeScript с помощью пробела. Он автоматически настроит все для вас.

Комментарии:

1. Однако это существующее приложение. Есть ли какой-нибудь способ изменить настройки после настройки?

Ответ №3:

В итоге я создал новый проект vue с использованием vue cli с включенным typescript, скопировал tsconfig и добавил пакеты, отсутствующие в моем package.json