Vue3项目使用TypeScript

261 阅读1分钟

前言

Vue3的一大优点,就是更好的拥抱TypeScript。

TypeScript是JavaScript的超集,增加了代码的可读性和可维护性。

TypeScript支持通过类型注解,提供编译时的静态类型检查

在Vue3项目中使用TypeScript

方式一:通过脚手架创建项目时,直接选择TypeScript

    vue create vue3_project
    
    选择: Manually select features
    空格选择features: TypeScript

image.png

image.png

方式二:在当前项目基础上添加TypeScript

vue add typeScript

注意

在 .vue 项目代码中,给script>标签添加 lang='ts'

<script lang='ts'></script>