LayoutHub
User Guides
Layout Development
Search…
What is LayoutHub?
User guides
Support
Installation
Uninstallation
Upgrade/Downgrade
FAQs
Common Issues
Layout Management
Section builder
LayoutHub pages/templates
Pricing Plans
Settings
Trash
Sale Tools
Referrals
Integration
Tracking & Analytics
Layouthub & Shopify
Translate Apps
Recommend apps
Development
Getting started
Tools
LayoutHub Kit (for LayoutHub developers only)
LayoutHub Kit Extension for Visual Studio Code
Layout Structure
Reference
Powered By
GitBook
LayoutHub Kit Extension for Visual Studio Code
This extension for developer only
How to install
1.
Download the
LayoutHub Kit Extension
2.
Click on
Extension
tab on left sidebar
3.
Click on three dots on top right bar
4.
Select
Install from VSIX
.
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.
Press
Command + SHIFT + p
for Mac os or
Ctrl + SHIFT + p
for Window or Linux
2.
Select
Startup LayoutHub kit
3.
Select
Login
4.
Enter your teamwork username (email) and press
Enter
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.
Press
Command + SHIFT + p
for Mac OS or
Ctrl + SHIFT+ p
for Window, Linux
2.
Select
Startup LayoutHub Kit
3.
Select
Download pages
4.
Tick on pages you want to download and press
Enter
3. Watch your changes and sync your code to Teamwork
1.
Press
Command + SHIFT + p
for Mac OS or
Ctrl + SHIFT+ p
for Window, Linux
2.
Select
Startup LayoutHub Kit
3.
Select Watch your changes and start coding.
All your changes will show on tab Output.
Video guide
LayoutHub Kit on Visual Studio code v1.0.0
https://drive.google.com/file/d/1k0NdITB5UwXerl1BGaLR4l5NOEvmN2RQ/view?usp=sharing
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
11mo ago
Copy link
Contents
How to install
How to use