Skip to content

tenluap/PGDevTool

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 

Repository files navigation

DevTool for Pinegrow

Untitled|626x500, 100%

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
  • and more to come.

Installation video

https://youtu.be/hD2R2XSi5P8

** 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

Simply download the plugin here

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.

Thanks and stay safe.

You can Support development here to help continue in the development and more tools.

Screenshots

Terminal Pg|690x438

Integrated Terminal

html intellisense|690x411

Html and css Intellisense

multi languages|690x414

Multi Language support

command pallete|690x337

Monaco Editor command palletes

dockable terminal|690x354

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 to help continue in the development and more tools.

Follow me on twitter @ehigiepaul