[](https://www.guqule.com) 丸子官方网站：[www.guqule.com](https://www.guqule.com) 丸子客服微信：hackdxd * [ ] **特别注意提醒** 除了丸子小程序其他渠道购买全部为盗版产品，丸子客服微信：hackdxd ## **安装配置准备工作** **花两分钟时间看完了再进行下面的操作** 配置之前说一个问题，大家不要急于拿到小程序就直接下载前端进行调试我们需要对于使用的工具先进行基本的配置。 HbuliderX工具下载[点击下载](https://www.dcloud.io/hbuilderx.html) 微信开发者工具下载安装之前的教程已经说了自行查看。 ## **uniapp编译小程序教程** **花两分钟时间看完了再进行下面的操作**新手可能使用uni-app开发时，想在微信开发者工具预览，经常会遇到各种问题，在此写一个操作步骤 开发者工具安装完，记得打开工具插件安装，安装如下插件  #### **新手可能遇到过这个的问题** [](https://img-cdn-tc.dcloud.net.cn/uploads/article/20190810/44303ce9974e5b53fcbb7980dc0937a6.png) ### 2. 准备HBuilderX 将HBuilderX升级到最新版本，如果还没有，HbuliderX工具下载[点击下载](https://www.dcloud.io/hbuilderx.html)安装uni-app编译插件 点击『使用HBuilderX导入插件』，安装sass编译插件 #### **操作步骤** 运行微信开发者工具前跟打包其他应用需要一些配置 ### [0基础视频教程\] uniapp小程序配置教程 **视频教程** https://www.bilibili.com/video/BV1dB4y1m76A/ #### 步骤一 配置小程序工具运行路径 [](https://imgtu.com/i/bfzmTg) 如何查找自己的微信开发者工具或者其他的开发工具安装路径，右单机你的桌面软件图标，点击属性如下就可以找到了(目标或者起始位置)就安装路径。 [](https://imgtu.com/i/bh9e0K) #### 步骤二 ### 3. 准备小程序开发工具 启动微信开发者工具，打开工具 > 设置 > 安全设置，将服务端口开启。 [](https://img-cdn-tc.dcloud.net.cn/uploads/article/20190810/03bc97c683051b60f694053e1f21e314.png) #### 步骤三 [](https://img-cdn-tc.dcloud.net.cn/uploads/article/20190810/a0ee9d5a770fe68048f34bbee7ea7fcb.png) #### 步骤四 ### 4. 建立项目 下载资讯/社区的uniapp代码，然后选择『使用HBuilderX导入插件』，项目的路径中，不能包含中文和标点 [](https://img-cdn-tc.dcloud.net.cn/uploads/article/20190810/aea1809877126dfd3b638bf2227cf023.png) #### 步骤五 如果出现需要安装插件提示，直接点击或者去插件市场搜索安装，然后重启开发者工具运行即可。 [](https://img-cdn-tc.dcloud.net.cn/uploads/article/20190810/345ecc157d7adbbb7229fa9469c63039.png) ### 6. 发行 选择 发行 > 小程序 - 微信，输入自己的小程序ID，即可生成微信小程序，并自动在微信开发工具中打开。在微信开发工具中选择上传即可。其他平台参考微信小程序生成。 生成H5页面 可以选择 发行 > 网站 - H5手机版，生成H5页面，然后上传到服务器上，根目录创建文件夹例如app 然后将文件放置app文件夹下 访问该路径即可进入h5网站 ### 7.常见问题 如何修改关于我们 隐私政策 版本说明等页面内容？ 答：先wordpress后台新增页面 并填写内容 然后复制其页面id，可在链接中查看 打开/pages/mine/mine.vue文件，跳至172-174行，修改id即可。 如何打包生成app？ 答请参考该链接 https://uniapp.dcloud.io/quickstart?id=%E6%89%93%E5%8C%85%E4%B8%BA%E5%8E%9F%E7%94%9Fapp%EF%BC%88%E4%BA%91%E7%AB%AF%EF%BC%89