Vue3.0之前，如何用TypeScript高效入门Vue开发？

本文共计5906个文字，预计阅读时间需要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工具现在将安装所有依赖项并设置项目。

接下来就跑项目喇。

总之，先跑起来再说。

2. 项目目录解析

通过 tree 指令查看目录结构后可发现其结构和正常构建的大有不同。