用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 插件

用vsCode开发uni-app(vue + ts)项目流程_第1张图片

二、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-types

你可能感兴趣的:(vscode,uni-app,vue.js)