启用打字本: Laravel 9+ vite +vue-加载器

Question

我想使用这个github作为基础创建一个项目：https://github.com/suresh-ramani/laravel-vue3-vite

repo本质上使Laravel 9完全堆栈服务器端呈现的应用程序能够在刀片模板文件中使用vue3。您可以在刀片文件中挂载一个vue3应用程序，并导入.vue (单文件组件)来构造应用程序。

我想在.VUE文件中启用类型记录。我已经知道如何使用vite编译一个基本的.ts文件。

​

​

Answer 1

我想出了我自己问题的答案。为了帮助别人，我会带你走完这一步。比我想象的要容易得多。

步骤1:安装TypeScript

系统命令：npm install typescript

或

Laravel帆指令：./vendor/bin/sail npm install typescript

步骤2:将lang属性添加到vue文件

将lang="ts"添加到<script>标记中

<template>
    This is a test
</template>

<script lang="ts">
export default {
    name: "App",
    mounted() {
        const message: string = "Testing 1 2 3"
        console.log(message)
    }
}
</script>

<style scoped>

</style>