Second, the establishment of a project-"Quick Application + Spring Cloud" combined boxing-technical social quick application practical tutorial

Overview

Take the fast application alliance IDE as an example (macOS version), demonstrate how to build a fast application actual combat project with HUI component library support, and debug and run on a real machine;

1. Go to the folder where you want to create the project

Suppose you want to place your project in the "/Users/mac.manon/workspace/QuickAppProjects" directory (please select the directory according to your needs and adjust the directory path in the following command accordingly).
macOS open terminal tool (use cmd command under windows):

cd /Users/mac.manon/workspace/QuickAppProjects

2. Initialize the fast application project

git clone https://github.com/H-UI-quickapp/H-UI.git

Rename the folder to your project name according to your needs, suppose we want the project to be named, "hui.mobi.sns"

Enter this folder (adjust the path in the following command according to your actual directory path):

cd /Users/mac.manon/workspace/QuickAppProjects/hui.mobi.sns

Clear project git version control information

find . -name ".git" | xargs rm -rf

Now you can add the new project hui.mobi.sns to your git management.

3. Use the Quick App Alliance IDE to open the project

1>. Modify the name in package.json and package-lock.json to "hui.mobi.sns".

2>. Modify the manifest.json package to "hui.mobi.sns", and change the name (application name) to "Quick Application Technology Circle".

3>. At this time, the local preview interface on the right side of the IDE prompts that the private key file is missing, select the menu Hap> Generate Certificate

Select debug

Follow the prompts to create your signature:

4>. At this time, the local preview interface on the right side of the IDE prompts a compilation error, and the following prompt may appear in the lower right corner:

4>. Click "Install all dependencies", wait a moment, a "node_modules" directory is added to the project directory, and the default welcome page interface is displayed in the local preview on the right side of the IDE, indicating that the relevant basic dependencies have been installed (previous compilation error 'S red prompt interface disappeared):

5>. Connect the mobile phone and the computer with the data cable, and turn on the USB debugging mode (if not, please refer to the previous article "Installing the fast application development environment, building the first fast application Hello World-H5 / small program / Vue front-end developer. Read "), enter the command in the terminal of the alliance IDE: npm run server

6>. Click the "Run" debug button in the lower left corner of the IDE:

7>. At this time, it will trigger the quick application debugger on the mobile phone, start USB debugging, and click the "online update" button:

The new project is running on the real phone:

At this point, a project with its own HUI component library support is running. The source code of this demonstration project is open for your reference:

Github source code:
https://github.com/H-UI-quickapp/hui.mobi.sns

Guess you like

Origin www.cnblogs.com/cloud-dev/p/er-jian-li-xiang-mu--kuai-ying-yong--Spring-Cloudz.html