Using vue-cli-service with typescript

Question

I have a Vue project that I created with the Vue CLI, and I now want to enable TypeScript on the project. I took a look at this guide, but it recommends adding a Webpack config and replacing vue-cli-service in the package.json scripts section with Webpack.

Is there any way I can continue to use vue-cli-service to build my Vue app and enable TypeScript support for it?

tony19 · Accepted Answer · 2019-04-19 07:47:54Z

1

With an existing Vue CLI project, you can add TypeScript support by entering this command:

vue add typescript

Beware that this command will overwrite files, but you can use git diff to view the differences.

answered Apr 19, 2019 at 7:47

tony19

140k23 gold badges281 silver badges354 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

thedanotto · Accepted Answer · 2019-04-18 19:47:22Z

0

In vue-cli 3.x

$ vue create <app_name>

This will bring up a prompt, select Manually select features, enable TypeScript using the space bar. It will automatically configure everything for you.

answered Apr 18, 2019 at 19:47

thedanotto

7,3855 gold badges49 silver badges46 bronze badges

1 Comment

Qwertie Over a year ago

This is an existing app though. Is there any way to change the settings after setup?

Qwertie · Accepted Answer · 2019-04-23 04:58:42Z

0

I ended up generating a new vue project using vue cli with typescript enabled and copied the tsconfig and added the packages missing in my package.json

answered Apr 23, 2019 at 4:58

Qwertie

6,64115 gold badges55 silver badges105 bronze badges

Collectives™ on Stack Overflow

Using vue-cli-service with typescript

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related