Uh oh! We couldn’t find any match.

Please try other search keywords.

Bixby Developer Center

Guides

Bixby Developer Studio Basics

Downloading and Configuring Bixby Developer Studio

Bixby Developer Studio (Bixby Studio) is available for macOS and Windows. Download the installer from the link below and run it to install Bixby Studio.

Bixby Studio has the following minimum system requirements:

  • Windows 8 or higher
  • macOS (OS X) 10.9 or higher

After installation, you'll need to set up Bixby Studio.

  1. Launch Bixby Studio. On first launch, you will be asked to log in to the Bixby Developer Center.

  2. Before logging in, check the "Server" URL in the lower-left corner of the startup screen. You should see https://bixbydevelopers.com.

  3. Click Log In. Your browser will open and be directed to the Samsung Account login page.

  4. Enter your Samsung Account username and password.

  5. After logging in, the browser displays a "Login Successful" screen. Click Launch Bixby Studio. If your browser asks if you want to allow the page to launch Bixby Studio, click Allow.

Bixby Studio then connects to the Bixby server and sets up your workspace.

Note

Bixby Studio requires an internet connection for operation. There is no offline mode.

Bixby Developer Studio Tour

Bixby Studio follows design patterns you'll likely be familiar with if you've used other integrated development environments or code editors: a sidebar on the left, usually displaying a file/resource tree for your project, and a larger tabbed editor window to the right.

Bixby Developer Studio window

The main areas of Bixby Studio are indicated in the screenshot by numbers:

  1. Application Tabs
  2. Sidebar
  3. Editor
  4. Status Bar

Application Tabs

Bixby Studio's left margin displays six icons, two at the top and four at the bottom. The first two change the view in the sidebar (area 2), but don't affect the view in the editor (area 3).

  • The Files view displays your list of open capsules (applications for Bixby) and all the associated files within the capsules, containing source code, assets, training, and other resources. This is the currently selected view in this screenshot. This is much like the project or explorer view in other IDEs; click on any file to open it within the editor. The files view also allows you to launch the Debugger and the Simulator by clicking the buttons at the top of the file list.
  • The Errors & Warnings view shows problems Bixby Studio has found in the currently open capsules, listed by file. Open any file listed here in the editor by clicking on it to reveal a list of errors and warnings within that file. Click on a line number to be taken directly to that line in the file.
  • The Simulator button opens the Device Simulator in a separate window.
  • The Submissions view shows the status of your submissions to the Bixby Developer Center. You can click on any of the submissions to see information about that submission and view logs. Submission information opens as a tab in the editor (area 3). You can also create new submissions with the Create New Submission button, which will also open a new tab in the editor.
  • The Help button opens the Bixby Developer Center in your browser.
  • The Settings view displays the settings for Bixby Studio as a whole. These open as a new tab in the editor.

You can switch between the first three views using Ctrl (PC) or Cmd (macOS) plus 1, 2, or 3. (See Keyboard Shortcuts.)

Sidebar

The sidebar's view changes depending on which application tab is open:

  • In the Files view, the sidebar shows the open capsules and their resources.
  • In the Errors & Warnings view, the sidebar shows only resources that have associated errors and warnings, such as syntax errors or deprecated keys.
  • In the Submissions view, the sidebar shows a history of your capsule submissions to the Bixby Developer Center.

In any view, you can click on an element (a file or a submission) to open it as a tab in the editor.

Editor

The editor allows you to create and edit your capsule's resources. When source code is open, as in the screen shot above, the editor behaves like other code editors you might have used. Bixby Studio provides syntax highlighting for Bixby Language, Bixby Markup Language, and JavaScript, along with automatic indenting and other helpful editing features. Bixby Studio will also show you errors and warnings in your code in real time.

The editor can have more than one file open at a time. Similar to web browsers, multiple files open in tabs along the top of the window showing the filename (or other informational view, such as training or a submission). The top right corner of the editor displays the number of open tabs; you can click in that corner to get a dropdown list of all open tabs. This lets you easily navigate between tabs even when there are more open than can fit along the top of the editor window.

Training for your capsule also opens as a tab in the editor.

If Bixby Studio is in the Submissions View, clicking on a submission opens an information screen in the editor describing the currently-selected submission. On this screen, you can view logs from the submission process by clicking the "Out" log files in the Reports column. This view is not editable.

Status Bar

The bottom of the window displays the status of your Bixby Studio's connection to the server and how recently your local capsules have been compiled.

Editing

In addition to Bixby's own language and markup, Bixby Studio has features for JavaScript and HTML editing. These include syntax highlighting, smart indenting, autocompletion, and realtime code error-checking. The editor also has some customization settings, including dark and light themes.

Keyboard Shortcuts

Nearly all tasks in Bixby Studio can be accomplished through keyboard shortcuts rather than using the mouse and menus. Bixby Studio generally follows standard platform conventions for keyboard navigation, selection, and clipboard (cut/copy/paste).

For a full list of Bixby Studio keyboard shortcuts, refer to the cheatsheets.

In addition to menus, you can use the Command Palette to find and execute commands, including commands that do not have shortcuts assigned to them. Bring up the command palette with Shift+Ctrl+P or Shift+Cmd+P. You can search for commands in the palette using fuzzy rather than exact matching: commands will be searched for as you type, and "Check for updates..." could be matched with "check", "upd", or "cfu".

Opening and Saving Files

You can open files by clicking them in the file view or by opening them by name. Use Ctrl+P or Cmd+P to find any file in the currently-opened capsule with fuzzy matching.

Bixby Studio auto-saves as you work, compiling modified files in your capsule in the background. While you can use Ctrl+S or Cmd+S to immediately save a file, most of the time you will not need to.

When you quit Bixby Studio, it saves its current state. When you restart, it will open the same capsules and editor tabs.

Bixby Developer Studio Settings

Clicking the Settings icon at the bottom of the application tab bar (or using the menu command or keyboard shortcut) will open Bixby Studio's settings in a new tab in the editor. This lets you configure the following options:

  • Server: Unless instructed otherwise, leave this set to https://bixbydevelopers.com.
  • Capsules: This lets you choose which open capsules to sync to the Bixby CAN. You can also start new capsules here, open existing capsules, or close currently open ones. (This functionality is also available from the File menu.)
  • Editor: These settings let you choose the editor theme and set the font for code editing.

Testing

In addition to editing, Bixby Studio has tools designed to help you test your capsule. Read about them in their own sections: