用 VS Code 和Hbuilder 开发 uni-app 项目

1.vscode

1.1 为什么选择 VS Code ？

⚫ HbuilderX 对 TS 类型支持暂不完善
⚫ VS Code 对 TS 类型支持友好，同时VS Code 也是我们熟悉的编辑器

1.2 安装相关插件

1.2.1 安装uni-app插件

（1）快速创建 uniapp 视图与组件

（2）uniapp代码提示

（3）鼠标悬停查找文档

1.2.2 安装ts类型检验

（1）安装类型声明文件

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

（2）配置tsconfig.json

1.3 在微信小程序中运行

（1）配置自己的appid

（2）执行命令：pnpm dev:mp-weixin 进行微信打包
（3）在微信小程序中打开这个文件夹

2.Hbuilder

（1）学习uniapp推荐使用Hbuilder 软件，因为它们是一家公司的。
（2）uniapp免安装，下载完解压以后就可以直接使用

2.1 配置运行微信小程序

（1）配置微信小程序安装路径

（2）选择小程序路径

（3）开启服务端口，否则在Hbuilder 运行微信小程序时会报错