Vue3.0之前，如何高效学习TypeScript成为最佳实践高手？

本文共计5909个文字，预计阅读时间需要24分钟。

前言：我对更严谨的文风类型有限制，没有极端的看法。最终各类转换类型的抄袭法写习惯了。最近的一个项目中，是TypeScript+Vue，毛计文，学之...真香！注意：此篇的前，原文为本。

前言

我个人对更严格类型限制没有积极的看法，毕竟各类转类型的骚写法写习惯了。

然鹅最近的一个项目中，是 TypeScript + Vue ，毛计喇，学之...…真香！

注意此篇标题的“前”，本文旨在讲Ts混入框架的使用，不讲Class API

1. 使用官方脚手架构建

npm install -g @vue/cli # OR yarn global add @vue/cli

新的 Vue CLI 工具允许开发者 使用 TypeScript 集成环境 创建新项目。

只需运行 vue create my-app 。

然后，命令行会要求选择预设。使用箭头键选择 Manually select features 。

接下来，只需确保选择了 TypeScript 和 Babel 选项，如下图：

完成此操作后，它会询问你是否要使用 class-style component syntax 。

然后配置其余设置，使其看起来如下图所示。

Vue CLI工具现在将安装所有依赖项并设置项目。