uniappDownload link for mobile source code
download HBuilderX tool
get intouniappDownload software from the official website https://www.dcloud.io/hbuilderx.html
Choose the official version to download based on your own operating system
HBuilderXAfter installation
We use hereuniappOne click import of plugin market https://ext.dcloud.net.cn/plugin?id=6380
You can also download compressed files through other platforms oruniappMarket download compressed file，Drag the decompressed directory intoHBuilderXYou can find it in the left column of the software
One click import、Confirm Import
choicevue2edition，The project name can also be modified by oneself，The directory where the import is stored can also be changed by oneself，Click to create
Modify interface address
App.vue In the file【Data interface request address and Static resource address】Change to your own mall address
Mini programs must adopt https agreement，The server-side needs to be configured properlysslsupport
If the built-in images on the page cannot be displayed，Can be added after the static resource address public/ ending，Or the server can public Set as root directory
Default name and description，You can also modify it to your own mall name and introduction
Name modification in configuration file
Click on the left pages.json file，In the content navigationBarTitleText Change the default name to your own mall name
Click on the left manifest.json file，Second column selection Basic configuration In the visualization on the right uniapp(appid) Click to get your ownappid
Bind yourself in the bottom left corner firstuniappAccount registered on the platform
Mini program packaging requires configurationappid
Secondary column selection【WeChat Mini Program Configuration】For example, our configuration here Wechat applet、Other mini programs are also configured in this way
web/h5Packaging requires configuration
Secondary column selection【Weballocation】After selecting the default name and map platform, configure it as your own map key
Click on the left template.h5.html file，Modify your own content【website address，keyword，describe】
After configuration，Start packing
Click on the left App.vue after the document，Top click【issue】Select the platform that needs to be packaged later
For example, we choose here【Wechat applet】
You can also adjust the correct mini program again in the pop-up windowappid，Other mini programs follow this process
After successful compilation，Pay attention to the command line interface at the bottom
Open WeChat Mini Program Tool：Set at the top-security setting（Open Security）HBuilderXIt will automatically open the mini program tool to run，You can also manually import and run it in the following way。
Other Mini Program Tools：stayHBuilderXAfter the tool compilation is successful, the project needs to be manually imported and run，Source code location（shopxo-uniapp/unpackage/dist/build/xxx）Like WeChat Mini Programxxxthen it is（mp-weixin）。
web/h5：Then directly compile it【web or h5】Simply place the directory in the root directory of the server to access it，publicUnder the directory or at the same level，Then add the domain name and directory name to access it
If you need to modify the color scheme of the mobile phone、use Default Theme Style This plugin is modified https://store.shopxo.net/goods-254.html
packAPPDetailed Tutorial https://doc.chuyinshop.com/?g=Doc&m=Article&a=index&id=1