uni-app 上手遇到的坑，我都踩了

By northes on February 10, 2025 | Modified on February 10, 2025

Uni-App 前端

脱离 HbuilderX 开发

用惯了顺手的开发工具，突然要脱离到 HbuilderX 开发，真的是一种煎熬。好在，官方提供了 cli 创建项目的方式，让我们可以在 VsCode、WebStorm 等 IDE 中开发。

vue3+vite+ts

1

npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

vue3+vite

1

npx degit dcloudio/uni-preset-vue#vite my-vue3-project

1

npx @dcloudio/uvm@latest

官网:更新 uni-app 到最新版本

使用 vscode 开发有太多的教程了，这里分享一下使用 Webstorm 开发 uni-app 的配置。

设置 - 语言与框架 - JavaScript - Libraries - Download - uni-app

1

npm install minigame-api-typings

安装后手动导入：

1

import 'minigame-api-typings';

或者在 ts 配置中指定：

在 tsconfig.json 中指定 types: ["minigame-api-typings"]

或者通过三斜杠指令引用：

1

/// <reference path="node_modules/minigame-api-typings/index.d.ts" />

引入后直接使用

1
2
3


 let fileInfo: WechatMiniprogram.ChooseFile = null;

 wx.chooseMessageFile({})

2021 年 4 月 28 后

wx.getUserInfo 或 <button open-type="getUserInfo"/> 将不再弹出弹窗，直接返回默认信息

建议使用 wx.getUserProfile(Object object) 接口

2022年11月8日24时后

wx.getUserProfile 接口将被收回

建议实践