将vue-cli-service与Typescript一起使用

时间:2019-04-18 13:19:03

标签: typescript vue.js webpack vue-cli

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

有什么办法可以继续使用vue-cli-service来构建Vue应用并为其启用TypeScript支持吗?

3 个答案:

答案 0 :(得分:0)

在vue-cli 3.x中

$ vue create <app_name>

这将弹出提示,选择Manually select features,使用空格键启用TypeScript。它将自动为您配置所有内容。

答案 1 :(得分:0)

对于现有的Vue CLI项目,您可以通过输入以下命令来添加TypeScript支持:

vue add typescript

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

答案 2 :(得分:0)

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