使用vue-cli-service和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?

Answer 1

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.

Answer 2

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.

Answer 3

我最终使用vue cli生成了一个新的vue项目，启用了typescript并复制了tsconfig并添加了package.json中缺少的包。