LayoutHub
User GuidesLayout Development
Search
⌃K
Links

LayoutHub Kit Extension for Visual Studio Code

This extension for developer only

How to install

  1. 1.
    Download the LayoutHub Kit Extension
  2. 2.
    Click on Extension tab on left sidebar
  3. 3.
    Click on three dots on top right bar
  4. 4.
    Select Install from VSIX.
  5. 5.
    Select the file you downloaded at step 1

How to use

To use the extension you must have LayoutHub teamwork account. To get your account, please contact your leader.

1. Login to LayoutHub kit

  1. 1.
    Press Command + SHIFT + p for Mac os or Ctrl + SHIFT + p for Window or Linux
  2. 2.
    Select Startup LayoutHub kit
  3. 3.
    Select Login
  4. 4.
    Enter your teamwork username (email) and press Enter
  5. 5.
    Enter Teamwork password and press Enter. If success It will show the selection like the screenshot blow
​

2. Download your page from LayoutHub teamwork to local

  1. 1.
    Press Command + SHIFT + p for Mac OS or Ctrl + SHIFT+ p for Window, Linux
  2. 2.
    Select Startup LayoutHub Kit
  3. 3.
    Select Download pages
  4. 4.
    Tick on pages you want to download and press Enter

3. Watch your changes and sync your code to Teamwork

  1. 1.
    Press Command + SHIFT + p for Mac OS or Ctrl + SHIFT+ p for Window, Linux
  2. 2.
    Select Startup LayoutHub Kit
  3. 3.
    Select Watch your changes and start coding.
All your changes will show on tab Output.
​

Video guide

​
​
If you are facing any problem when using the extension, please contact via email: [email protected]​
​
​
Previous
LayoutHub Kit (for LayoutHub developers only)
Next - Development
Layout Structure
Last modified 2yr ago