|
1 | | -# Basic Configuration |
| 1 | +# Basic Configuration |
2 | 2 |
|
3 | | -After creating your project, you'll need to configure some basic settings. These include your app name, the URL to package, the app identifier (ID), and the version number. The first four fields are required, while the rest can be configured based on your needs. |
| 3 | +After creating your project, you'll need to configure some basic settings. These include your app name, the URL to package, the app identifier (ID), and the version number. The first four fields are required, while the rest can be configured based on your needs. |
4 | 4 |
|
5 | | -- **App Name**: Supports Chinese, English, etc., but no spaces. |
6 | | -- **Website URL**: Can be a local or web address, but must start with `http://` or `https://`. Alternatively, you can use a local HTML file or a `dist` folder from a Vue/React build. |
7 | | -- **App ID**: A unique identifier for your software (cannot be duplicated across projects). |
8 | | -- **Version Number**: Used to distinguish different versions of your app. |
| 5 | +- **App Name**: Supports Chinese, English, etc., but no spaces. |
| 6 | +- **Website URL**: Can be a local or web address, but must start with `http://` or `https://`. Alternatively, you can use a local HTML file or a `dist` folder from a Vue/React build. |
| 7 | +- **App ID**: A unique identifier for your software (cannot be duplicated across projects). |
| 8 | +- **Version Number**: Used to distinguish different versions of your app. |
9 | 9 |
|
10 | | - |
| 10 | + |
11 | 11 |
|
12 | | -After basic configuration, click the **Preview** button to see how your app will look. If everything is correct, click **Publish** to start packaging. |
| 12 | +After basic configuration, click the **Preview** button to see how your app will look. If everything is correct, click **Publish** to start packaging. |
13 | 13 |
|
14 | 14 | --- |
15 | 15 |
|
16 | | -### **Important Notes:** |
17 | | - |
18 | | -1. **App Name**: Supports Chinese, English, etc., but **no spaces**. |
19 | | -2. **Website URL**: |
20 | | - - Can be a local or web address (must start with `http://` or `https://`). |
21 | | - - Can also be a local HTML file or a `dist` folder from Vue/React builds. |
22 | | - - **Single file size should not exceed 10MB** (due to GitHub restrictions). For large files (e.g., videos/images), use external links or compress them below 10MB. |
23 | | -3. **App ID**: Must be **unique** (no duplicates). |
24 | | -4. **Version Number**: Used to track app updates. |
25 | | -5. **App Icon**: |
26 | | - - Supports local image uploads. |
27 | | - - macOS rounded corners option available. |
28 | | - - Defaults to PackPlus icon if not set. |
29 | | -6. **Window Persistence**: Restores window size/position on relaunch. |
30 | | -7. **Single Instance Mode**: Prevents multiple app instances. |
31 | | -8. **Debug Mode**: Enables debugging in the preview window. |
32 | | -9. **Tauri API**: Allows calling Tauri APIs from JavaScript. |
33 | | -10. **Script File**: |
34 | | - - Supports custom JS injection (executes on app launch). |
35 | | - - **Warning**: Advanced feature (do not modify if unfamiliar with coding). |
36 | | -11. **Window Mode**: |
37 | | - - Supports Desktop/iPhone/iPad/Android/Custom layouts. |
38 | | -12. **Element Filtering**: Hides unwanted elements (e.g., ads) via CSS selectors. |
39 | | -13. **App Description**: Briefly explain your app’s purpose. |
40 | | -14. **Advanced Settings (Top-Right)**: |
41 | | - - Custom window configurations (refer to Tauri2 docs). |
42 | | - - **Warning**: Advanced feature (do not modify if unsure). |
43 | | -15. **JSON Configuration**: |
44 | | - - Supports JSON-based customization (refer to Tauri2 docs). |
45 | | - - **Warning**: Advanced feature (do not modify if unsure). |
46 | | -16. **Inject jQuery**: |
47 | | - - Adds jQuery support for DOM manipulation in scripts. |
48 | | - - **Warning**: Use with caution if unfamiliar with jQuery. |
| 16 | +### **Important Notes:** |
| 17 | + |
| 18 | +1. **App Name**: Supports Chinese, English, etc., but **no spaces**. |
| 19 | +2. **Website URL**: |
| 20 | + - Can be a local or web address (must start with `http://` or `https://`). |
| 21 | + - Can also be a local HTML file or a `dist` folder from Vue/React builds. |
| 22 | + - **Single file size should not exceed 10MB** (due to GitHub restrictions). For large files (e.g., videos/images), use external links or compress them below 10MB. |
| 23 | +3. **App ID**: Must be **unique** (no duplicates). |
| 24 | +4. **Version Number**: Used to track app updates. |
| 25 | +5. **App Icon**: |
| 26 | + - Supports local image uploads. |
| 27 | + - macOS rounded corners option available. |
| 28 | + - Defaults to PakePlus icon if not set. |
| 29 | +6. **Window Persistence**: Restores window size/position on relaunch. |
| 30 | +7. **Single Instance Mode**: Prevents multiple app instances. |
| 31 | +8. **Debug Mode**: Enables debugging in the preview window. |
| 32 | +9. **Tauri API**: Allows calling Tauri APIs from JavaScript. |
| 33 | +10. **Script File**: |
| 34 | + - Supports custom JS injection (executes on app launch). |
| 35 | + - **Warning**: Advanced feature (do not modify if unfamiliar with coding). |
| 36 | +11. **Window Mode**: |
| 37 | + - Supports Desktop/iPhone/iPad/Android/Custom layouts. |
| 38 | +12. **Element Filtering**: Hides unwanted elements (e.g., ads) via CSS selectors. |
| 39 | +13. **App Description**: Briefly explain your app’s purpose. |
| 40 | +14. **Advanced Settings (Top-Right)**: |
| 41 | + - Custom window configurations (refer to Tauri2 docs). |
| 42 | + - **Warning**: Advanced feature (do not modify if unsure). |
| 43 | +15. **JSON Configuration**: |
| 44 | + - Supports JSON-based customization (refer to Tauri2 docs). |
| 45 | + - **Warning**: Advanced feature (do not modify if unsure). |
| 46 | +16. **Inject jQuery**: |
| 47 | + - Adds jQuery support for DOM manipulation in scripts. |
| 48 | + - **Warning**: Use with caution if unfamiliar with jQuery. |
49 | 49 |
|
50 | 50 | --- |
51 | 51 |
|
52 | | -### **Next Steps** |
53 | | -- Click **Preview** to verify your app’s appearance. |
54 | | -- Click **Publish** to start the packaging process. |
55 | | -- For advanced settings, refer to the [Tauri2 documentation](#) (recommended for experienced users only). |
| 52 | +### **Next Steps** |
| 53 | + |
| 54 | +- Click **Preview** to verify your app’s appearance. |
| 55 | +- Click **Publish** to start the packaging process. |
| 56 | +- For advanced settings, refer to the [Tauri2 documentation](#) (recommended for experienced users only). |
0 commit comments