Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>DapperNew to Visual Studio Code? Get it now.
Dapper

Dapper

Banma

|
836 installs
| (0) | Free
Alios cloud app dapper vscode extension
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

AliOS Cloud App Dapper VSCode Extension

Features

  • Create new dapper project
  • Create new dapper page
  • Create new dapper component
  • Axml, acss, less, js, ts language syntaxes
  • Json snippet
  • Component snippet
  • Api snippet
  • Package dapper application to ypp
  • Package dapper card application to ypp
  • Run dapper application on yunji
  • Yunji preview
  • Check and upgrade Bm-one

Usages

1. Create new project

You can create a new dapper project from 3 different ways.

  • From command palette
    Open command palette from Shift + Command + P (Mac) / Ctrl + Shift + P (Windows/Linux), and run Dapper: New Dapper Project.
    drawing

  • From main menu
    Open File -> New File..., and run New Dapper Project.
    drawing

  • From project explorer right click menu
    Right click project explorer, and run New Dapper Project.
    drawing

2. Create new page

You can also create a new dapper page from 3 different ways.

  • From command palette
    Open command palette from Shift + Command + P (Mac) / Ctrl + Shift + P (Windows/Linux), and run Dapper: New Dapper Page.
    drawing

  • From main menu
    Open File -> New File..., and run New Dapper Page.
    drawing

  • From project explorer right click menu
    Right click any folder under project explorer, and run New Dapper Page.
    drawing

3. Create new component

Creating a new dapper component is very similar to creating a new dapper page, it has 3 different ways too, like above.

4. Api completion from snippet

drawing

5. Component completion from snippet

drawing

6. Json field completion from snippet

drawing

7. Build dapper app

Right click project explorer, and choose Build Dapper App. Shortcut keys are Command + B (Mac) / Ctrl + B (Windows/Linux).
drawing

8. Yunji preview

[Dapper: Yunji] panel view shows up automatically for dapper project.For first time usage, you should login with your alibaba-inc account(username should ignore @alibaba-inc.com suffix).Once booking yunji from yunji website, you will see all your current available devices from [Dapper: Yunji] panel.Select different SN to switch devices, click refresh icon to refresh devices.There are many other options from right bottom control bar.
drawing

9. Run dapper app

Right click project explorer, and choose Run Dapper App. Shortcut keys are Command + R (Mac) / Ctrl + R (Windows/Linux).It is active only if there is available device.
drawing

10. Check and upgrade Bm-one

You can check version, download and upgrade Bm-one from this extension.
Open command palette from Shift + Command + P (Mac) / Ctrl + Shift + P (Windows/Linux), and run Dapper: Check Bm-one.
drawing

If your Bm-one is already the latest version:
drawing
If your Bm-one is not latest:
drawing
If Bm-one is not on your system:
drawing

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft