【笔记】使用Vite搭建Vue3(TypeScript版本)项目

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了【笔记】使用Vite搭建Vue3(TypeScript版本)项目相关的知识,希望对你有一定的参考价值。

参考技术A 使用Vite搭建Vue的TypeScript版本的时候,可以使用 Vite自带的模板预设 —— vue-ts 。

执行命令行 :

执行命令行(安装最新版本):

router.ts

执行命令行(安装最新版本):

Vuex 没有为 this.$store 属性提供开箱即用的类型声明。如果你要使用 TypeScript,首先需要声明自定义的 模块补充(module augmentation) 。

为此,需要在项目文件夹中添加一个声明文件来声明 Vue 的自定义类型 ComponentCustomProperties 。

vuex.d.ts

当使用组合式 API 编写 Vue 组件时,您可能希望 useStore 返回类型化的 store。为了 useStore 能正确返回类型化的 store,必须执行以下步骤:

store.ts

main.ts

在 main.ts 已经声明配置过Vuex和Vue-Router之后,在 <script setup lang="ts"> 或者 <script lang="ts"> 中按需导入 store 和 router 即可使用其属性和方法。

router.ts

Vite + Vue3 项目搭建笔记

TODO。。。

以上是关于【笔记】使用Vite搭建Vue3(TypeScript版本)项目的主要内容,如果未能解决你的问题,请参考以下文章

如何使用vite搭建Vue3.0

如何使用vite搭建Vue3.0

如何使用vite搭建Vue3.0

vue3 项目搭建教程(基于create-vue,vite,Vite + Vue)

使用vite搭建vue3.0和ts项目过程

基于最新 Vite+Vue3+VantUI移动端应用项目搭建