npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

mkvue

v2.0.1

Published

A NodeJS command line utility to assist in the creation of VueJS v3 applications built using Vite's own scaffolded project.

Downloads

14

Readme

mkvue

A NodeJS command line utility to assist in the creation of VueJS v3 applications built using Vite's own scaffolded project.

This CLI tool can create instances of a templated project and assist in common tasks like creating/removing Routes, Components, and Models. Along with creating/removing the necessary files, this tool will also update their registration, specifically regarding application Routes.

The goal is to minimize the tedious work one must do while creating an application and provide the most frictionless process.

Getting Started

  1. Install the utility
$ npm install mkvue -g

This will install the utility in the global namespace for you to use in any directory.

Commands

$ mkvue [-V, --version]

-V, --version Prints out current version of CLI tool.

$ mkvue project [fullProjectPath]

fullProjectPath This project path must include the project folder name or else it'll dump the project contents into the last folder in the path. If fullProjectPath is not provided, the current working directory will be used as the new project folder.

$ mkvue route [-r, --remove] [routeName]

This command must be run in the root of the project folder. Note that route names will be turned into Pascal case class names, but camel case uri route strings.

-r, --remove Removes the route files/dependency specification with the provided routeName.

$ mkvue component [-r, --remove] [componentName]

This command must be run in the root of the project folder. Note that component names will be turned into Pascal case class names, with dash separated CSS selector names.

-r, --remove Removes the component files/dependency specification with the provided componentName.

$ mkvue model [-r, --remove] [modelName]

This command must be run in the root of the project folder. Note that model names will be turned into Pascal case class names.

-r, --remove Removes the model files/dependency specification with the provided modelName.