使用vue-cli-service和typescript

Question

我有一个使用Vue CLI创建的Vue项目，现在我想在项目中启用TypeScript。我看了一下this guide，但它建议添加一个Webpack配置并用Webpack替换vue-cli-service脚本部分中的package.json。

有什么办法可以继续使用vue-cli-service来构建我的Vue应用程序并为它启用TypeScript支持吗？

Answer 1

在vue-cli 3.x中

$ vue create <app_name>

这将弹出一个提示，选择Manually select features，使用空格键启用TypeScript。它会自动为您配置一切。

Answer 2

使用现有的Vue CLI项目，您可以通过输入以下命令添加TypeScript支持：

vue add typescript

请注意，此命令将覆盖文件，但您可以使用git diff查看差异。

Answer 3

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