HBuilder X 项目搭建编译-uniapp项目部署编译

1.什么是uniapp？

uniapp官网：https://uniapp.dcloud.io

2.下载HBuilder

下载最新,正式APP,开发版HBuilderX,直接安装；

下载地址：https://www.dcloud.io/hbuilderx.html

3.注册uniapp官方开发者账号

由于安装插件或打包app会要求登录，注册地址（点击跳转）

4.安装《scss/sass编译》插件

插件地址：https://ext.dcloud.net.cn/plugin?name=compile-node-sass
到插件市场登录后，打开HBuilderX，点击插件市场《使用HBuilderX导入插件》
若导入失败，请滑下去看文档；

5.导入工程

方法一：将需要构建的项目直接入编辑器
方法二：点击左上角文件->导入->选择需要构建的项目

6.配置HBuilderX

点击上方工具菜单->设置->运行配置，配置需要编译的终端路径，可配置手机adb，浏览器路径，指向.exe,可配置各个平台小程序开发者工具路径（编译相应的平台成功后会自动打开）

7.配置项目（发布版时生效）

(1).重置uni-AppID

• 接手一个新项目时首先点击manifest.json文件，可以看到很多项目配置，首先需登录HB（HBuilderX），选择基础配置将uni-app应用标识（AppID）重新获取，因为用的是别人的，有的权限没有；

(2).APP端配置（限在线打包）

• App图标配置：选择张图片（1024*1024）作为app端logo，点击自动生成并替换；
• App启动界面配置：可用默认的通用界面；
• App模块配置：包含各个第三方平台以及库(微信、支付宝、iOS登录与支付和蓝牙视频等)；

(3).H5端配置

• 默认路由history：根据情况选择，但需要注意history与hash区别；
• 运行路径：例如我想要www.xxx.com/h5可以访问的话，就配置为/h5/；

(4).各个平台小程序配置

• 小程序没啥好说的，就appid；

8.运行项目

• 点击上方运行下拉，可选择需要运行的平台；
• 注意运行仅作为开发调试用，请勿直接将运行版本发行出去；

9.发行项目

• 点击上方发行下拉，可选择需要发行的平台；
• 发行app时，android版建议使用自有证书;如何生成自有证书？

至此，正常情况搭建完成，如有特殊，会在项目说明上附加

thinkphp项目搭建教程请点击查看