用vsCode开发uni-app(vue ts)项目流程

提示：记录项目创建流程

文章目录

• 前言
• 一、安装 uni-app 插件
• 二、ts 类型校验
• • 1.安装类型声明文件
  • 2.配置 tsconfig,json
• 三、json 注释问题
• 四、组件引入
• • 1. 安装 uni-app
  • 2. 组件自动引入
  • 3. 配置 ts 类型
• 五、小程序端 Pinia 持久化
• 六、uni.request 请求封装
• 七、请求成功提取数据和设置类型
• 八、封装 Promise 请求函数
• • 1. 获取数据失败

前言

如果我们需要创建一个uniapp的 vue3 ts 项目可以使用HBuilder工具，但该工具不能识别ts的类型声明错误，所以我们用vsCode工具来创建项目。

一、安装 uni-app 插件

二、ts 类型校验

1.安装类型声明文件

pnpm i -D @types/wechat-miniprogram @uni-helper/uni-app-types

2.配置 tsconfig,json

{
   
	"compilerOptions": {
   
		"types": [
			"@dcloudio/types",
  			"@types/wechat-miniprogram",
  			"@uni-helper/uni-app