uniapp开发流程记录

开发背景

最近有一个uniapp的项目需要进行模块新增，在开发过程中遇到一些问题，进行记录，具体如下；

1.开发前准备

安装hbuilder、vscode

准备开发用手机，手机打开开发者模式，开发者模式下设置USB调试模式开启

如果需要开发语音功能相关的，需要打开音频来源；

注意：不同的手机设置不同，具体设置请自己搜索；

 2.hbuilder软件使用uniapp 账号进行登录

uniapp账号及密码

*****@**.cn

develop@1223

手机通过usb连接到，保持与电脑网络一致

注意：手机关闭移动网络，开启wifi，链接公司wifi

hbuilder上测试是否能正常链接到电脑

如果不能正常链接，上图有红色提示的，绿色的√为正常链接的；

 3.安装npm、 pnpm

我司开发使用的是pnpm，npm环境已经装好，具体npm安装过程请参考其他npm安装教程

npm i pnpm -g

node>v18

 vsCode 开发，安装pnpm

由于vscode生态比较全，使用vscode进行开发

对pnpm进行安装

pnpm i

 4.uniapp 运行

运行到基座

手机 app 显示

登录进页面开发

如果手机端app没有正常显示，把手机上 Hbuilder图标的app 卸载，再开发端hbuilder重新运行进行安装