Mr. Ynk Vue-CLI Frontnd Tool

The only Frontnd tool you ever need™️

In a Perfect World

Go to your user folder (C:\Users\YOUR_USER), open .vuerc, paste in the Mr. Ynk preset. If there is no "presets" key, you can make your own object, or use the default vue create function once.

{
  "presets": {
    "mrynk": {
      "useConfigFiles": true,
      "plugins": {
        "@vue/cli-plugin-babel": {},
        "@vue/cli-plugin-eslint": {
          "config": "standard",
          "lintOn": [
            "save"
          ]
        },
        "@mrynk/vue-cli-plugin-frontnd": {
          "prompts": true
        }
      },
      "vueVersion": "3"
    }
  }
}

Dependencies

• Node version 16.13.0
• Vue-CLI 3 - To invoke the project & plugins
• Some project or empty folder.

Using

1: Creating your project

Open the command line in the parent folder of your future front-end project folder and enter this command. It'll ask you to select a preset. Choose the Mr. Ynk preset you've added to the .vuerc file

vue create <project-name>

2: Running/Building your project

To run the project: npm run serve

To build the project: npm run build

If no backend build folder was specified in the prompts, the project defaults to /dist. These build-specific properties can be found in the environment files located in your project's root.

Troubleshooting

Vue's default files

While generating, Vue's default files are changed to Schrödinger files. Whenever you collapse the wave function and the files remain, use npm run remove

Features (exp.)

These features will become present when you invoke the plugin.

Scaffolding a page

npm run frontnd:page <pages>

For example, to create a Landing, Game and Result page:

npm run frontnd:page landing game result

More are coming soon™️

Contributing

Bugs or feature requests can be shouted, sent, thrown, signalled, or any other form of communication. If you want to be really fancy, you can make a bug report!