使用HBuilder利用前端技术编写移动App

下载

1. 下载HBuilder，链接：https://www.dcloud.io/
   

   image.png

2. 解压到相应的目录就可以使用

使用

1. 新建移动App项目，这里可以使用HBuilder新建一个模板，该模板包含MUI的所有组件

   
   
   image.png

image.png

image.png

2. 关于manifest.json设置
   双击打开该文件，可以看到如下图的视图，这里可以比较方便的配置App的信息。

   
   
   image

值得注意的有：

• 使用微信登录功能时，需要添加模块和配置appid和appsecret

  
  
  image.png

• 为了能够打包成App后在手机运行时使用微信登陆，需要填写包名

  
  
  image.png

调试

使用USB连接手机，然后打开手机的开发者选项和USB调试，电脑安装好驱动后，就可以使用调试功能了。如果识别不了，注意

1. 驱动没按好
2. 关闭PC应用宝等软件
3. 手机开发者选项和USB调试未打开
   
   image.png

打包

云端打包后就可以下载到手机运行了

image.png