【102】检查Vue.js路由名称是否重名

我自己写的工具，开源地址：https://github.com/wersdxzfer/checkVueRouterNameRepeat

这是此工具的介绍。

依赖项

请先安装java 8 或以上版本。这个工具的运行依赖于java。

场景

当我用 Vue.js开发前端项目的时候，会用vue-router来管理路由。我习惯用路由的名称做跳转，这样也方便后期更改路径。路由的配置写在js文件中。如果项目规模较大，就把这些路由配置拆分到多个js文件中。

众所周知，vue-router规定路由名称必须唯一。

但是这样会出现一个问题：多人开发，多个路由配置文件，很容易出现路由名称重复的问题。

为了解决这一问题，我写了这个工具。

用法

找到config.xml文件。内容类似下面：

<?xml version="1.0" encoding="UTF-8"?>
<folders>
    <folder>D:\your\folder_a</folder>
    <folder>D:\your\folder_b</folder>
</folders>

folder标签中的内容是路由文件所在的文件夹。你可以指定多个路由文件夹。改好后，通过命令行进入工具路径下，执行如下命令：

java -jar checkVueRouterNameRepeat-0.0.1-SNAPSHOT.jar

如果没有重复，会提示如下信息：

路由名称没有重复。

如果有重复，会提示如下信息：

D:\sdf\config.xml
重复的路由名称是：  guideBookTeacher
D:\workspaceSet\vsc\front\src\routes\b\teacher.js

值得注意的是，本工具对 vue-router语法支持是有限的。建议使用者参考 vue-router的官方文档写成如下的形式：

{
  path: 'test/:testId',
  name: 'test',
  // 此处代码省略。
}

请确保 name 在独立的一行上。

对 /* ... */ 注释支持有限。请确保 /*在一行的行首，*/ 在一行的行尾。写成类似下面这种：

{
  path: 'test/:testId',
  name: 'test',
  /*
  这是注释。
  */
  // 其他代码省略。
}