# PG Dev Tools is out v1.0.9 Beta🚀

**URL:** https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954
**Category:** Third Party Plugins
**Created:** [February 14, 2021, 12:52am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954 "2021-02-14T00:52:04Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![ehigiepaul](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ehigiepaul/32/2339_2.png) [@ehigiepaul](https://forum.pinegrow.com/u/ehigiepaul)
#### Post date: [February 14, 2021, 12:52am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/1 "2021-02-14T00:52:04Z")

</div>

![Untitled](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/f/f9c470136e03c4ed6d104fef9b22b19f7a16ffe8.png)

**PG Dev Tool** Plugin codename PGMonaco, an integration of monaco code editor and terminal to Pinegrow. Monaco Editor is used in Visual Studio Code and many applications.

This was a feature request I created in the forum to help me stop the software jumping in my development process that ended up to be a personal project for me.

During the creation I got to hear a lot of users request and tried to implement them and scale from there.

**Available** features for now:

- Integrated Monaco
- Integrated terminal into PG \*\*
- emmet for html and css
- support for html, css, C#, json, razor, php, typescript and javascript enabled (most intellisense are not implemented yet)
- Perfect intellisense for html and css.
- Click on none html files and auto open on editor
- Auto update preview
- go to line in editor - Ctrl + G
- open editor - F7
- open terminal - alt + `
- pop out editor \*\*
- Multiple tabs in editor
- Single tab for terminal
- All basic monaco editor features available
- Devtool Menubar Enable you to carry out the functions from it.
- and more to come.

> \*\* indicates know issues and due to the promise of the release on the 14th of February no time to fix

**Shortcuts**

> Alt + ` _open terminal_

> F7 _open Monaco editor_

**How to Install**

> NodeJs must be installed on your system [download it from the official site](https://nodejs.org)  
> [Then simply download the zip file from github](https://github.com/ehigiepaul/PGDevTool/releases)  
> Extract it anywhere and Open Pinegrow  
> File \> Manage libraries and plugins \> load plugin  
> Navigate to the extracted file and pick the PGDevTools.js  
> add it and you are set and ready to go.

# Installation video

[![](https://img.youtube.com/vi/hD2R2XSi5P8/maxresdefault.jpg "PG Devtool Installation and usage") ](https://www.youtube.com/watch?v=hD2R2XSi5P8)

Thanks and stay safe.

**You can [Support development here](https://ehigiepaul.github.io/PGDevTool/payment.html) to help continue in the development and more tools.**

**Screenshots**

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/61c34ece166b97dcb5c58112118533c5e8b1202b.png)

Dev tool menu bar

 ![Terminal Pg](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/0d21cc5b94ef4943348a8605f1de8ce4415c4a92.png)

Integrated Terminal

 ![html intellisense](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/5/558efa5a10a6149ce9756f348938289d904c62a7.png)

Html and css Intellisense

 ![multi languages](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/0/08b7d318fbab956b45efd773e3fe0db7f9c32f84.png)

Multi Language support

 ![command pallete](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/2aef67cbde58242977beb2dfb55c9f35877e3854.png)

Monaco Editor command palletes

 ![dockable terminal](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/8/896773767762e54312bc3f4bf7c68237592f44ac.png)

Dockable terminal and editor

**What you should expect in the next version.**

- node and popular framework support in javascript and typescript
- live selection in preview and monaco editor vice versa
- improved terminal
- Git integration
- Easy PG plugin development api (on heavy development)
- and more.

**Enjoy and You can [Support development here](https://bit.ly/2N1N4w9) to help continue in the development and more tools.**

Follow me on twitter @ehigiepaul

[For any feature and bug related issue, post them at the Github](https://github.com/ehigiepaul/PGDevTool/issues)

---

<div class="post-metadata">

### 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: [February 14, 2021, 1:38am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/3 "2021-02-14T01:38:09Z")

</div>

> [@ehigiepaul](#):
>
> Support development here

awesome.  
Well done you.

I shall have to check this out after all your work.  
Well done on getting into this mate 🙂

---

<div class="post-metadata">

### Author: ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)
#### Post date: [February 14, 2021, 5:31am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/4 "2021-02-14T05:31:38Z")

</div>

For anyone trying out Paul’s plugin, take a note of this, the monaco editor is not a replacement of the existing pinegrow code editor, rather it’s an add-on.

**To open monaco editor - F7**  
**To open terminal - alt + `**

Open your html page, and then hit F7 to open the monaco code editor… I haven’t tried the terminal yet…

---

<div class="post-metadata">

### Author: ![beatngu](https://avatars.discourse-cdn.com/v4/letter/b/6a8cbe/32.png) [@beatngu](https://forum.pinegrow.com/u/beatngu)
#### Post date: [February 14, 2021, 8:06am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/5 "2021-02-14T08:06:17Z")

</div>

Awesome thank you!!  
Love the support for C# and razor.

---

<div class="post-metadata">

### Author: ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [February 14, 2021, 9:26am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/6 "2021-02-14T09:26:01Z")

</div>

Hi Paul,  
Nice work! Unbelievable that you created this in such a short time period! 👏🏿 😀

Try to make a payment with the flutterwave panel but when I want to pay a blurry panel appears on my screen that I can hardly read. Are you sure it’s OK?

Tried the plugin and can open the editor, but the terminal doesn’t open. Latest Windows 10 and Pinegrow.

Regards,  
David

---

<div class="post-metadata">

### Author: ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [February 14, 2021, 11:30am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/7 "2021-02-14T11:30:18Z")

</div>

Hi Paul,

Tried the plugin on my iMac, but the editor looks completely black despite the fact that I open a page. The terminal doesn’t open as well. Latest Big Sur and Pinegrow.

Regards,

David

---

<div class="post-metadata">

### 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: [February 14, 2021, 11:30am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/8 "2021-02-14T11:30:31Z")

</div>

Yes, and pay attention to the additional belated info

\*\* NodeJs must be installed on your system [download it from the official site](https://nodejs.org/)\*\*

As without this… it doesnt work.  
I know this… as… I dont have Node installed.  
Sigh.

Black Editor, and some errors, Chrome Dev tools pops up and… you may loose. your workspaces, which will reappear once you remove tool.

But, you WILL get to see it 🙂 … minus the terminal, but alas it will have no code in it.

To be explored after horses 🙂

---

<div class="post-metadata">

### Author: ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)
#### Post date: [February 14, 2021, 11:36am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/9 "2021-02-14T11:36:34Z")

</div>

Paul did mention in a private chat when I raised this, that he will update the plugin for Mac, looks like his cross-platform build might have some flaws when used on OSX based systems!

---

<div class="post-metadata">

### Author: ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [February 14, 2021, 11:38am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/10 "2021-02-14T11:38:15Z")

</div>

Yes and he said on Windows as well!

I’m not able to pay with that flutterwave system. I used it when working in Africa, but we changed to PayPal. PayPal is available in Nigeria too by the way!

---

<div class="post-metadata">

### 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: [February 14, 2021, 12:16pm UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/11 "2021-02-14T12:16:30Z")

</div>

NO problem. 🙂  
well, maybe a little one.

Still its rather exciting that someone fresh has rolled into town… made a request, decided to do it himself and has been able too!.. I guess… I cant see it yet, but its great!

The whole, plugin ecosystem is there … it …just…isn’t… very busy.  
I guess it might need some _ease of access_ or docs, or something, I have NO IDEA… as Im not a plugin dev/that sort of coder, but its fab that someone else is having a go too , 3rd party.

I can probably count on one hand those that Ive seen… and 2 of them are now core PG team 🙂

_respect_

I can wait… now, with regards Node… I will post a **Random** Channel question on this,  
And , If any testing is required,

I have OS X’s from 10.6.8 (Snow Leopard -the best) -runs PG version 3…possibly 3.95?  
To 10.7 (lion-yuk) PG 4 on  
10.12 Sierra,  
10.13 High Sierra (rather dandy!)  
and now  
10.14.6 (Mojave)  
I MAY do a Catalina 10.15 install too on an SSD and rip this iMac apart or boot externally,  
If any of these need testing on.

I know I had to upgrade OS a couple of times to install PG (was gutted) but not sure of the cross overs.

NONE of these have NODE or npm installed,  
-and all of the above are separate installs on 2 machines, so rebooting a lot 🙂

there are a couple of low power Linux laptops here too, and an older Ubuntu if any of these would be helpful with regards Testing for @ehigiepaul

now off to make my Node Question.

---

<div class="post-metadata">

### Author: ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [February 14, 2021, 12:34pm UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/12 "2021-02-14T12:34:09Z")

</div>

Hi Paul,

On Windows opening a PHP page results in a black editor.

Regards,

David

---

<div class="post-metadata">

### Author: ![ehigiepaul](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ehigiepaul/32/2339_2.png) [@ehigiepaul](https://forum.pinegrow.com/u/ehigiepaul)
#### Post date: [February 14, 2021, 12:53pm UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/13 "2021-02-14T12:53:44Z")

</div>

I have seen everyone issue and am on it, will just have to call this version Beta. Am really sorry for this.  
I felt as it works well on my end, it will seamlessly crossover to all OS platforms.

**Status reports:**

- On windows all seem to work fine, will release fix for terminal not running on some systems
- Nodejs install no terminal.
- Monaco editor blank screen

For mac user I will have to get a mac to debug and release a different package or I will have to make a script to auto make builds on all system to resolve most of the issues of the terminal and mocaco blank screen.

Am sorry again and am on it still.

---

<div class="post-metadata">

### Author: ![AllMediaLab](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/allmedialab/32/2079_2.png) [@AllMediaLab](https://forum.pinegrow.com/u/AllMediaLab)
#### Post date: [February 14, 2021, 12:57pm UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/14 "2021-02-14T12:57:55Z")

</div>

If you need testing on Mac you can always contact me!

---

<div class="post-metadata">

### 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: [February 14, 2021, 4:58pm UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/15 "2021-02-14T16:58:59Z")

</div>

Nothing to be sorry about at all 🙂  
You’ve made something new and exciting to shake the Pinegrow tree 🙂

Crack on, and keep up the good work.  
Will happily break your Betas for you 🙂

---

<div class="post-metadata">

### Author: ![mxs](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/mxs/32/2943_2.png) [@mxs](https://forum.pinegrow.com/u/mxs)
#### Post date: [February 15, 2021, 11:37am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/16 "2021-02-15T11:37:20Z")

</div>

Feedback  
iMac running Big Sur / Node.js Installed and running  
Editor Blank  
Hope this helps

---

<div class="post-metadata">

### Author: ![ehigiepaul](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ehigiepaul/32/2339_2.png) [@ehigiepaul](https://forum.pinegrow.com/u/ehigiepaul)
#### Post date: [February 15, 2021, 8:40pm UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/17 "2021-02-15T20:40:55Z")

</div>

**Hello everyone,**  
A beta version for mac and window is available for download.  
Please test it out.  
Linux coming soon.

> [@PG Dev Tools Beta version](https://forum.pinegrow.com/t/pg-dev-tools-beta-version/4970):
>
> PG DevTool Beta [GitHub all releases] [GitHub issues] [GitHub release (latest by date)] [[Patreon]](https://patreon.com/ehigiepaul) This beta version is to test all the main integration of monaco editor and terminal on multiple platforms. Due to the poor release from my end (Cyberpunk 2077), I have now released a beta version of this wonderful extension for Pinegrow, which will help me improve the release process on this and future plugins created by me for the community of PG. I spent a day building a docker image to handl…

---

<div class="post-metadata">

### Author: ![TechAkayy](https://avatars.discourse-cdn.com/v4/letter/t/ce73a5/32.png) [@TechAkayy](https://forum.pinegrow.com/u/TechAkayy)
#### Post date: [February 15, 2021, 10:00pm UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/18 "2021-02-15T22:00:28Z")

</div>

Excellent, thanks Paul 😃

---

<div class="post-metadata">

### Author: ![ehigiepaul](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ehigiepaul/32/2339_2.png) [@ehigiepaul](https://forum.pinegrow.com/u/ehigiepaul)
#### Post date: [February 16, 2021, 3:10am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/19 "2021-02-16T03:10:00Z")

</div>

Please post your issue on the GitHub issue with your os version, to enable me to kill all related issue all at once. Thanks

---

<div class="post-metadata">

### Author: ![ehigiepaul](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ehigiepaul/32/2339_2.png) [@ehigiepaul](https://forum.pinegrow.com/u/ehigiepaul)
#### Post date: [February 16, 2021, 3:18am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/20 "2021-02-16T03:18:16Z")

</div>

Download the latest beta release and place an issue if the terminal don’t work on [GitHub](https://GitHub.com/Ehigiepaul/pgdevtool/issues)

---

<div class="post-metadata">

### Author: ![ehigiepaul](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/ehigiepaul/32/2339_2.png) [@ehigiepaul](https://forum.pinegrow.com/u/ehigiepaul)
#### Post date: [February 16, 2021, 3:23am UTC](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954/21 "2021-02-16T03:23:49Z")

</div>

Thanks, still a work in progress. No snippet nor intellisense yet. Will work on it cos am a .net developer.

I hope you enjoy the plug-in.

If you come across any issue, please post it on the [github page](https://github.com/ehigiepaul/PGDevTool/issues)

[Next page](https://forum.pinegrow.com/t/pg-dev-tools-is-out-v1-0-9-beta/4954.md?page=2)
