职责分配

image-20230711182925940
image-20230711182925940

技术栈及工具列表

前端

  • nvm
  • Node.js LTS 18 以上 （通过nvm管理系统内的Node环境）
  • pnpm 速度快、节省磁盘空间的软件包管理器，替代npm
  • TypeScript
  • Vue3

后端

运维

代码分析

  • SonarQube

    1
    2
    3
    4
    5
    # 如不希望一直以cmd的窗口方式打开SonarQube可通过安装服务来运行SonarQube
    SonarService.bat install
    SonarService.bat start  #服务开启
    SonarService.bat stop   #服务关闭
    SonarService.bat status #服务状态

  • SonarScanner

    前端组： 使用命令 pnpm install sonar-scanner 安装扫描器，并在项目顶层配置文件名为 sonar-project.properties 的文件，即可在项目顶层位置的终端运行命令 sonar-scanner 来启动sonar扫描

    1
    2
    3
    4
    5
    6
    7
    sonar.host.url=http://127.0.0.1:9000/                        #服务器地址
    sonar.login=sqp_d9e141a45b7c127a6fba45d6da5db4a4701097f4     #项目token
    sonar.projectKey=Visual-KG-history                           #项目识别令牌
    sonar.projectVersion=1.0
    sonar.sourceEncoding=UTF-8
    sonar.sources=javascript,backend,web                         #需要扫描的文件夹
    sonar.exclusions=javascript/js/**,node_modules               #需要排除的文件夹

    后端组：后端组于pom文件中添加以下配置

    1
    2
    3
    4
    5
    <plugin>
        <groupId>org.sonarsource.scanner.maven</groupId>
        <artifactId>sonar-maven-plugin</artifactId>
        <version>3.7.0.1746</version>
    </plugin>

    请注意，对于maven项目，官方文档说明了只读取pom文件中的配置，要求配置如下的代码，不会去读取 sonar-project.properties 文件。但我在实际使用中配置了相关设置仍无法在IDEA中直接点击sonar插件运行。并且对于maven项目，相关的代码 无法通过 PowerShell 运行，建议储存Sonar显示的命令拼接成一行后保存在本地通过CMD运行

    1
    2
    3
    4
    5
    6
    7
    8
    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
        <java.version>11</java.version>
        <sonar.host.url>http://127.0.0.1:9000/</sonar.host.url>
        <sonar.login>sqp_86dae9a6cae76fc4825d291b2944311fa80c9118</sonar.login>
        <sonar.projectKey>JavaSpringBootLearning</sonar.projectKey>
    </properties>

  • SonarLint

    SonarLint的作用为在IDE中对代码进行实时检查分析，在不开启SonarQube的情况下，仅会依靠本地存储的规则实时提醒，并不会出现右侧的Rule和Locations的具体分析。因此，建议内存少的同学只开启SonarLInt，在完成一定量代码编写后再进行scanner生成报告于Qube中查看。内存多的同学建议直接将Qube注册为系统服务，保持实时链接。

    image-20230711190456903

代码格式化

Git增强

数据库

其他工具