vue-router-push

One line command, write router file and create new page file.

Install

npm i -g vue-router-push

Usage

vrp /user/info/list

Make sure you have a file vrp.config.json in your root directory.

1{
2    "routerPath": "/src/router/index.ts",
3    "pageDir": "/src/views",
4    "componentPrefix": "../views"
5}

The routing configuration is saved using a variable called routes .

1import { createRouter, createWebHistory } from 'vue-router';
2import HomeView from '../views/HomeView.vue';
3
4const routes = [{
5  path: '/',
6  name: 'home',
7  component: HomeView
8}, {
9  path: '/about',
10  name: 'about',
11  component: () => import('../views/AboutView.vue'),
12}];
13
14const router = createRouter({
15  history: createWebHistory(import.meta.env.BASE_URL),
16  routes
17});
18export default router;

You can choose to create a file vrp.template.vue in the root directory to use as a template for new files, or use the default.

1<script lang="ts" setup>
2    import { reactive, ref } from 'vue';
3    const state = reactive({});
4</script>
5<template>
6    <div class="">
7        <router-view></router-view>
8    </div>
9</template>
10<style>
11    
12</style>