So I know we can edit the templates on VScode and then upload them to shopify and then preview them but I wanted to be able to preview it just like I would if I was editing a normal website and running a local server in browser and being able to look at the changes live. Is this possible at all or can .liquid files only be ran and viewed as a site if uploaded to shopify site?
I'm not entirely sure I understand the question but you can develop locally on your machine if that's what you mean. You'll need to install theme kit and watch your files.
That tutorial is a pretty solid walk through.
Sorry if my question was confusing. I guess theme kit is the same as what I was thinking since it uploads to your shopify acct and lets you view your theme. I will check it out thanks.
Is there a way to edit and view the theme without using themekit? like opening in my browser and viewing theme by itself
As far as I know, there is no "truly" local way of developing with shopify. You're always going to have to preview in the website, you will always need an internet connection. If you're worried about making changes on the fly and them showing up on the website before your edits are complete, you can always duplicate a theme and make that your editing version, then when you're done with your edits you can publish that theme. Repeat.