Include Code Snippets for Package Installation

[confused-Techie]

Have you checked for existing feature requests?

• [X] Completed

Summary

As suggested by @Daeraxa including code snippets for how to install packages would help display the methods of installation and tie things in closer to the actual Pulsar application.

I.E. pulsar -p install atom-clock or ppm install atom-clock

What benefits does this feature provide?

Similar to NPM makes things easier to those working on the CLI to use the resources found on the web

Any alternatives?

Make people figure it out on their own I suppose

Other examples:

No response

[confused-Techie]

@Daeraxa Just was thinking about this one.

Since we have a rather simple layout of the metadata of the package at the top of a page, then the actual readme content below, where exactly do we want to put installation instructions.

Do we want to go the route of NPMjs and put them on a new sidebar, or would we rather include them as new section underneath the package metadata details? Or somewhere else that I haven't thought of

[Daeraxa]

I've come up with two relatively simple ideas of how to implement it. I do think that just putting them with the rest of the metadata makes sense.

The two examples (forgive the mix and match of themes, this wasn't done "properly", just with some html editing and paint.

1) Using a new dropdown on the install box like the share box:

2) Move the install button down and make a new text section that can be copied to clipboard

There is a question as to if we want to extend the functionality (not necessarily a final design) to the small package cards as well (the ones on the list and featured pages).