一、什么是uni-app？

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到 H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台，并且在 HBuilderX 中可直接打包生成 Android、iOS App。二、什么是HbulderXHBuilderX，H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。我们也简称HX。 HX是轻如编辑器、强如IDE的合体版本。可新建uni-app或小程序、快应用等项目，为国人提供更高效工具。（一）下载：https://www.dcloud.io/hbuilderx.html

（二）主要的插件安装好HBuilderX，选择工具，选择安装新插件，到插件市场，主要用到的两个插件是scss/sass编译、ref="https://ext.dcloud.net.cn/plugin?id=2031">less编译。导入插件安装，或下载到本地后在自己安装HBuilderX的文件包里找到plugins文件夹，把插件压缩文件放在里面解压。

下载压缩文件后放到HBuilderX的插件文件夹内解压

解压插件

三、导入项目（或新建）、打包、发行1.下载源码选择从本地目录导入，或新建

2.在开发者中心登录，实名认证，获得appid应用标识，生成应用证书。开发者中心

3.找到下项目根目录manifest.json主要是要有appid和应用名称，应用版本名称和版号appid是根据应用名称从在开发者中心中创建的应用列表获取，

如果没有创建，点击重新获取会自动创建一个应用同时生成appid 4.web配置、打包发行

说明：测试时网站域名空着也没关系发行->网站-PC Web 或手机H5（仅适用于uni-app）->填写网站标题，网站域名编译后的地址:通常位于:项目文件夹/unpackage/dist/build/h5目录下

上传到服务器上给定的站点空间,要注意如果有访问接口需在nginx中对api的访问做配置。^[1]

参考

1. ^https://www.cnblogs.com/architectforest/p/17134618.html