Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Auto RouterNew to Visual Studio Code? Get it now.
Auto Router

Auto Router

SongWenGuang

|
319 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

使用说明

以下是使用 RouterGenerator 类生成路由配置的步骤:

1. 引入依赖

首先,需要引入 RouterGenerator 类,以便能够使用生成路由配置的功能。可以使用以下代码将该类导入到你的项目中:

const RouterGenerator = require('./RouterGenerator');

2. 创建配置选项

接下来,需要创建一个配置选项对象,用于配置生成路由配置的相关参数。可以根据需要设置以下参数:

  1. root (必需): 指定项目的根目录路径。
  2. viewsPath (可选): 视图文件(Vue 文件)所在的路径,默认为 /src/views。
  3. keyName (可选): 路由配置标识符,默认为 $$route。
  4. cleanDir (可选): 是否清空输出目录,默认为 true。
  5. outputDir (可选): 输出目录的路径,默认为 /src/router/auto。
  6. outputFileName (可选): 输出文件的名称,默认为 index.js。
  7. ignore (可选): 忽略的文件路径列表,默认为空数组。

以下是一个示例配置选项对象:

const options = {
  root: '/path/to/project', // 项目根目录路径
  viewsPath: '/src/views',  // 视图文件路径
  keyName: '$$route',       // 路由配置标识符
  cleanDir: true,           // 是否清空输出目录
  outputDir: '/src/router/auto', // 输出目录路径
  outputFileName: 'index.js',    // 输出文件名
  ignore: ['**/components/**'],  // 忽略的文件路径
};

3. 实例化 RouterGenerator 类

接下来,需要实例化 RouterGenerator 类,并将配置选项对象作为参数传入。示例如下:

const generator = new RouterGenerator(options);

4. 开始生成路由配置

调用 start 方法开始生成路由配置。该方法会根据配置选项中的参数,在指定的视图文件夹中查找所有的 Vue 文件,并根据文件中的路由配置生成路由对象。最后,会将生成的路由配置写入到输出文件中。

generator.start();

完整示例

以下是一个完整示例,展示了如何使用 RouterGenerator 类生成路由配置:

const RouterGenerator = require('./RouterGenerator');
const options = {
  root: '/path/to/project',
};
const generator = new RouterGenerator(options);
generator.start();
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft