项目结构

+---WattAi // 
|   +---.idea
|   +---out
|   +---resources
|   |   \---npuzzle
|   \---src
|       +---algs4
|       |   \---util
|       +---core
|       |   +---problem
|       |   +---runner
|       |   \---solver
|       |       +---algorithm
|       |       |   +---heuristic
|       |       |   \---searcher
|       |       \---queue
|       +---META-INF
|       \---stud
|           +---g01
|           |   +---problem
|           |   |   \---npuzzle
|           |   +---queue
|           |   +---runner
|           |   +---server // 后端端口监听
|           |   \---solver
|           +---problem
|           |   \---pathfinding
|           +---queue
|           \---runner
\---WattAiFrontend
    +---.vscode
    +---node_modules
    +---public
    \---src
        +---router
        +---stores
        \---views

启动步骤

启动可视化

• 打开IntelliJ IDEA，找到WattAi/src/stud/g01/server下的后端文件，直接运行
• 打开WattAiFrontend文件夹(确保电脑上有node.js)

      npm install 
      npm run dev

• 当终端有类似输出的时候，点击Local后面的url即可

  $ npm run dev
  
  > wattaifrontend@0.0.0 dev
  > vite
  
  13:20:44 [vite] (client) Re-optimizing dependencies because lockfile has changed
  
  ROLLDOWN-VITE v7.2.7  ready in 647 ms
  
  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  Vue DevTools: Open http://localhost:5173/__devtools__/ as a separate window
  ➜  Vue DevTools: Press Alt(⌥)+Shift(⇧)+D in App to toggle the Vue DevTools
  ➜  press h + enter to show help
  

备注

• 前端里面有很多东西没有用到，但是保留了下来，因为CLI构建的时候不小心选了，不必理会