# Can Pinegrow read a Visual Studio Code project? **URL:** \ **Category:** Third party Apps & plugins related to Pinegrow\ **Created:** [March 15, 2019, 4:18am UTC](https://forum.pinegrow.com/t/can-pinegrow-read-a-visual-studio-code-project/2845 "2019-03-15T04:18:52Z")\ **Posts on this page:** 10\ **Page:** 1
**Author:** ![jtkay](https://avatars.discourse-cdn.com/v4/letter/j/9f8e36/32.png) [@jtkay](https://forum.pinegrow.com/u/jtkay)\ **Post date:** [March 15, 2019, 4:18am UTC](https://forum.pinegrow.com/t/can-pinegrow-read-a-visual-studio-code-project/2845/1 "2019-03-15T04:18:52Z")
I am using Visual Studio Code and am working on a very basic project just putting together some html and css. If I create a page in VSC, will I then be able to connect it with PG via the extension and have PG pull that in to be seen in its visual editor like I am seeing with the Live Server extension? I might try and do some CSS Grid work in VSC as well as CSS Variables. ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [March 15, 2019, 11:47am UTC](https://forum.pinegrow.com/t/can-pinegrow-read-a-visual-studio-code-project/2845/2 "2019-03-15T11:47:36Z")
Yep, it shouldn’t be a problem, that’s what the Plugin is for, but wait! hang on! Pinegrow will only DISPLAY the HTML, CSS code combo (it will tell you that it cant edit Javascript etc) …and You might have a problem 😃 witth…auto save! and code formatting. check this advice out here > [@VS Code not playing nice with Pinegrow Version 5.21 (5.21) - Simple Fix](https://forum.pinegrow.com/t/vs-code-not-playing-nice-with-pinegrow-version-5-21-5-21-simple-fix/2723): > > I’m not sure what I am doing wrong. When using Pinegrow with VS Code (Version 1.31.1) After a short period of use I can not add anything to the VS Code workspace without some of the tags getting either “damaged” or the typing getting erased. In Pinegrow I see “index.html was saved in external editor” twice and then Auto refresh. An example I open a new plain html page in Pinegrow, save it as test.html and then open it in VS Code. In VS I then move to place a tag between the body tags. Most ti… and here for formatting > [@HTML editing issues](https://forum.pinegrow.com/t/html-editing-issues/2526/17): > > This depends if you are a code first or visual layout first designer. For code first you really need to use a separate editor such as Atom, Visual Studio Code, Brackets, Notepad++, phpStorm, webStorm or something else. In Pinegrow click on the support --\> settings menu item at the top of the application. Uncheck Save backup files… I do this because PG causes a mess in my projects if I let it save backups. Uncheck Auto-Format HTML code Scroll down to the “sync” section and either disable or … ---
**Author:** ![Pervasive](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pervasive/32/2251_2.png) [@Pervasive](https://forum.pinegrow.com/u/Pervasive)\ **Post date:** [September 27, 2019, 6:56pm UTC](https://forum.pinegrow.com/t/can-pinegrow-read-a-visual-studio-code-project/2845/3 "2019-09-27T18:56:07Z")
I have been using VSCode and I highly recommend it. I also recommend that you set up GULP properly to automate Sass compiles and watch for changes, and then spit everything out live as you make those changes. ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [September 30, 2019, 11:46pm UTC](https://forum.pinegrow.com/t/can-pinegrow-read-a-visual-studio-code-project/2845/4 "2019-09-30T23:46:02Z")
Do you have a link to a nice, Not Uber Nerdy guide to doing this stuff, which doesnt involve installing a shedload of other stuff first, _on a Mac would be nice_ in order to get this done young man? ---
**Author:** ![Pervasive](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pervasive/32/2251_2.png) [@Pervasive](https://forum.pinegrow.com/u/Pervasive)\ **Post date:** [October 1, 2019, 1:03am UTC](https://forum.pinegrow.com/t/can-pinegrow-read-a-visual-studio-code-project/2845/5 "2019-10-01T01:03:40Z")
> [@schpengle](#): > > young man? Young?!? rofl 🤣 we can’t all be young… I’m your age… heeheehee. Now you’re going to have to make me look… I think it was a video (ferSure!). I’ll have a looksy, but hafta warn-ya that some-timers is a creepin’ in! 🤒 [![](https://img.youtube.com/vi/QgMQeLymAdU/maxresdefault.jpg "Gulp v4 - Sass and BrowserSync setup") ](https://www.youtube.com/watch?v=QgMQeLymAdU) note: Why, looky… Kevin is showing you how to do it on a Mac (ur in luck!🍀). ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [October 5, 2019, 2:23pm UTC](https://forum.pinegrow.com/t/can-pinegrow-read-a-visual-studio-code-project/2845/6 "2019-10-05T14:23:18Z")
sorry for delay there @Pervasive, this sent me off on a whoooooole new long, ball game… I have been dabbling. In amongst vaccinating horses and moving their poo around (I still have two healthy ones…yay!) …My jury is really still not out on the whole …downloading and installing 250+MB of Node packages into a project just to do something that …well,l live reload plugins and sass compiler plugins can do in an editor that I would have in tandem with PineGrow (or on its own.) But its very interesting and I get the whole **“Well, if your working as a team player”** kind of thing. I shall dabble more again 🙂But I really like some of this guys stuff! cheers for the heads up. and some of it is slightly _skippy over the yucky parts or say nothing and not explain it very well/at all_ but on the whole I really like his stuff. Ive learnt quite a bit already. tidy! 🙂 ---
**Author:** ![Pervasive](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pervasive/32/2251_2.png) [@Pervasive](https://forum.pinegrow.com/u/Pervasive)\ **Post date:** [October 6, 2019, 2:45pm UTC](https://forum.pinegrow.com/t/can-pinegrow-read-a-visual-studio-code-project/2845/7 "2019-10-06T14:45:55Z")
> [@schpengle](#): > > My jury is really still not out on the whole …downloading and installing 250+MB of Node packages into a project just to do something that I kind of overlooked that part, but I suppose one underwater excursion with your tractor 🚜 (red is it?) while wearing your panda 🐼 suit, and when you come back it might be finished downloading. But it is a one-shot download unless you trigger the latest versions. But after it’s all down and working, there are two ways to proceed. What was suggested is copying the entire folder to start another project. However, what might make the most sense is to create a default ‘starter’ sprout 🌱 project folder and copy that to start every project. ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [October 6, 2019, 3:11pm UTC](https://forum.pinegrow.com/t/can-pinegrow-read-a-visual-studio-code-project/2845/8 "2019-10-06T15:11:01Z")
Hi there, yeah that was suggested but…every project…thats 1GB for 4 simple _hello world_ sites! This is if you leave the packages in that site for ongoing builds or are you supposed to copy it to a project… _build_ create, whatever the term is with this malarky, your site, then remove all the node bits out of the project and into the next one, so you are shuffling this 250MB of _stuff_ around from site to site? and then copying them back to one of your sites for more creative action? Sheesh. it seems to be more convenient (and easier on the HDD) if I was to use PG’s built in compiler or some such plugin in one of the editors to achieve this task - as a one man band who isn’t part of some corporate team with HDDs the size of wheelie bins, parked in my data silo. and its grey… kind of primer coloured, no expense spared/spent on the paint job 🙂 I was going to paint it black and white, but people couldn’t see me on it (in my costume, they could definitely see me when I was naked… well, the police could anyway) ---
**Author:** ![Pervasive](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pervasive/32/2251_2.png) [@Pervasive](https://forum.pinegrow.com/u/Pervasive)\ **Post date:** [October 6, 2019, 9:39pm UTC](https://forum.pinegrow.com/t/can-pinegrow-read-a-visual-studio-code-project/2845/9 "2019-10-06T21:39:14Z")
nah… I never do what’s suggested if it doesn’t make sense. It’s been quite some time… into music production now. I just ended all my nightmares by getting rid of Kunaki. THEY are not “A MACHINE” but a small group of humans (from Brooklyn living in Nevada) getting rich on quoting low prices for CDs, etc., but in reality living ‘high-off-the-hog’ by charging exorbitant over-priced (unrealistic) fees for shipping… as is everyone else, I might add. Only they are saying they are a machine to try and fully avoid customer service. They aren’t a machine and they don’t even tell the truth! I won’t say everything, but bad-bad Christmas CD experience last year that I will never repeat. They said a CD had shipped (it was personalized)… so I ordered one for my aunt [one day after the first had shipped!]. These two personalized CD covers were swapped, along with 14 others in separate orders… nuff said – I finally ditched them and do all my own printing and assembly (cds and jackets), burning etc., too. Back on topic: I wrote a piece of code for a complete setup of the VS-Code BSS environment. I created a folder on my desktop “for Schpengle” and placed this compiled setup exe inside it and ran it. It installed everything, brought up VS Code editor and ran Gulp with all dependencies, etc., yada-yada. The code is 153 KB and it runs on windows, but all it does is write 3 files: index.html, styles.scss, and gulpfile.js, and then writes a batch file: temp.bat and runs/deletes it and writes a output a log file, so in reality you really don’t even need the program. I told the program to create and use “Schpengle”, and so it created the folder \_proj-Schpengle. After completion, inside this folder is 2 folders: node\_modules (everything npm/node), and src (what we care about [really]). There are also 3 files inside “for Schpengle” which are: gulpfile.js, package.json, and package-lock.json. So, nooo, not a big deal, really. The node\_modules size is 157 MB, 16994 Files, 2376 Folders. Everything else (not npm/node): 10 Files, 5 Folders, 684 KB. You only need to move the “src” folder in and out of this project folder. Open VSCode to this project folder (again), and then run Gulp in the terminal window each time you switch projects (which can be rather fast). Just for grins I compressed everything… the entire “for Schpengle” folder. Using the maximum compression setting, it compresses down to 11.2 MB using WinRAR v5.60. It’s free to all to unrar/decompress without a license. ---
**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\ **Post date:** [October 8, 2019, 3:57pm UTC](https://forum.pinegrow.com/t/can-pinegrow-read-a-visual-studio-code-project/2845/10 "2019-10-08T15:57:29Z")
That’s fantastic… > …but I’m on a Mac > :-0