Fxiaoke Developer Manual Fxiaoke Developer Manual
  • Custom APL Code
  • Custom PWC Code
  • Custom Components (PC)
  • Custom Components (Mini Program)
  • Custom Plugins (PC)
  • Custom Plugins (Mini Program)
  • Third-party Integration Plugins (H5)
  • API (PC)
  • API (Mini Program)
  • Fx DevTools
Update Log
  • 简体中文
  • English
  • Custom Components (PC)
  • Custom Components (Mini Program)
  • Custom Plugins (PC)
  • Custom Plugins (Mini Program)
  • Third-party Integration Plugins (H5)
  • API (PC)
  • API (Mini Program)
  • Fx DevTools
Update Log
  • 简体中文
  • English
  • VSCode Plugin

    • FxDevTools
    • ShareDev
      • Installation in VSCode
      • Creating an Enterprise Workspace
      • Certificate Configuration
      • PWC Usage
      • APL Usage
      • Download Object Description or Documentation
      • FAQ
Table of Contents

share-dev

# share-dev

ShareDev is the latest VSCode extension that facilitates developers in uploading, creating, and debugging code.

# Installation in VSCode

InstallExtension

# Creating an Enterprise Workspace

Open VSCode IDE, launch the command palette via Ctrl+Shift+P (Windows) or Cmd+Shift+P (macOS), then enter and execute the ShareDev: Create Workspace command. Follow the steps to create an enterprise workspace:

  • Create a local folder named "Enterprise EA"
  • Execute ShareDev: Create Workspace and select the folder created in the previous step

EaWorkspace

# Certificate Configuration

# Method 1: Add via Settings

  • This method applies globally and remains consistent across multiple VSCode windows

CertificateConfiguration1

# Method 2: Add via Workspace (Recommended)

  • Only effective at the folder level
  • Utilize VSCode's built-in workspace feature to set individual certificates and domains per workspace, eliminating the need to switch certificates in settings
  • Create a .vscode folder and add a settings.json file

Note
What is a workspace?
https://code.visualstudio.com/docs/editor/workspaces/workspaces
How to use settings.json?
https://code.visualstudio.com/docs/editor/settings

Add the following content to settings.json:

{
  // Configure certificate
  "sharedev.certificate": "Enterprise domain",
  // Configure domain
  "sharedev.domain": "Developer certificate"
}

# PWC Usage

# Pull PWC

  • Open command tool with Command + Shift + P
  • Search for Pull ALL Components or Pull ALL Plugins

PllAllComponents

# Push PWC

  • Right-click on a folder
  • Select Push Code from the context menu

PushComponent

# Debug PWC

  • Open any PWC file
  • Locate sharedev.dev at the bottom-right corner
  • Click the icon to enable debugging
  • Click again to disable debugging

Debug1

Debug2

# APL Usage

# Pull Code

Pull all APLs:

  • Press command + shift + P to open VSCode command window
  • Search for Pull ALL APLs and execute

PullAllAPLs

Pull single APL code:

PullAPL

# Basic Information

  • Click the FenXiang icon in the left main navigation
  • Locate and click APL Base Info in the panel
  • Open any APL code to display its basic information in the panel

APLBaseInfo

# Debug Code

APLDebug

APLDebug2

# Field Mapping Table

FieldMapingTable

# Download Object Description or Documentation

  • Open command tool with Command + Shift + P
  • Search for ShareDev: Download Object Describe or Download Document

DownloadTool

# FAQ

# How to troubleshoot when developer certificate expires or identity becomes invalid?

  • User information modified:
    • Changes to user information (e.g., phone number, email, password) may invalidate the certificate
  • Incorrect domain:
    • Ensure proper configuration of sharedev.domain
    • Example: Certificates applied via Alibaba Cloud Enterprise cannot use www.fxiaoke.com
  • Certificate expired:
    • Check expiration status in the admin console under Developer Certificate

# How to display Chinese interface?

  • Install Chinese language pack from the extension marketplace and restart the editor

ChineseExtension

# How to pull APL code created in the main site?

  • Create a file in the folder with naming convention: {function apiName}.{function or class}.groovy, then right-click to pull
  • Example: Btn_TrQB3__c.function.groovy

# How to restrict the extension to workspace-only operation?

  • Disable the extension globally, then click "Enable (Workspace)" to activate it only for the current folder
  • Recommended approach

EnableWorkspace

# Recommended Extension: Project Manager

  • Helps manage workspaces
  • Quick access to workspaces

ProjectManager

FxDevTools

← FxDevTools

  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式