CMS Development

Venki
Contributor

Live Preview of Hubspot Page on Visual Studio Code

SOLVE

I'm currently using Visual Studio code for the web development.

I recently configured it for importing the demo site in to the Hubspot platform.
I'm wondering whether  I have an option to see the live preview of the Hubspot site on the IDE itself.

I prefer to check the web preview in the IDE before publishing to the Hubspot.

I like to share the screenshot of a Hubspot page which was rendered through Visual Studio Code
Untitled.jpg

 

The site is not rendered properly and it consists of hubl code snippets and lacks css 

Let me know if i have an option to preview the complete site within the IDE itself.
You can also give alternative solution to speedup the web develpment.
Advanced Thanks!!

0 Upvotes
1 Accepted solution
dennisedson
Solution
HubSpot Product Team
HubSpot Product Team

Live Preview of Hubspot Page on Visual Studio Code

SOLVE

Hi @Venki ,

To the best of my knowledge, there is nothing that could show you the preview within the IDE itself (sounds like a fun plugin you should start developing and I will happily download!🤣 )

I would suggest a couple of ideas.  (you may already be employing these, but will list just in case)

  1. Set up a development workflow that includes a sandbox portal to test 
  2. Explore the mode options which will allow you to push your templates to your portal as a draft

Hope this helps out and I look forward to seeing what your workflow looks like!

 

Best,

View solution in original post

2 Replies 2
dennisedson
Solution
HubSpot Product Team
HubSpot Product Team

Live Preview of Hubspot Page on Visual Studio Code

SOLVE

Hi @Venki ,

To the best of my knowledge, there is nothing that could show you the preview within the IDE itself (sounds like a fun plugin you should start developing and I will happily download!🤣 )

I would suggest a couple of ideas.  (you may already be employing these, but will list just in case)

  1. Set up a development workflow that includes a sandbox portal to test 
  2. Explore the mode options which will allow you to push your templates to your portal as a draft

Hope this helps out and I look forward to seeing what your workflow looks like!

 

Best,

Venki
Contributor

Live Preview of Hubspot Page on Visual Studio Code

SOLVE

Hi Dennis,
Thanks for your insight. As of now there is no proper solution to access the CMS webpage  within the IDE. 

Have to incorporate the existing features to run my site and I can manage.
I'm very new to the HubSpot platform and I got a long way to go.
Hope oneday I will find a fix for it through my plugin. 

If I have an option to do that 😉

Thanks for your time Sir!