node.jsでブラウザでvue.jsを表示したい

実現したいこと

node.jsをインストールし、Vue.cliはインストールされています（npm install -g @vue/cli）。で確認。
vue_folderというフォルダに、app.vueを作りました。コマンドプロンプトで、C:\Users\user\Desktop\vue_folder>app.vue　に移動もできます。
しかし、C:\Users\user\Desktop\vue_folder>vue serveと入力するとエラーが出ます。
そして、クロームのhttp://localhost:8080は、
「このサイトにアクセスできません　localhost で接続が拒否されました。次をお試しください」
たまに見かけるのが出てしまい、表示できません。

発生している問題・分からないこと

エラーメッセージ

error
1下記が、コマンドプロンプトでvue serveです。
2
3C:\Users\user\Desktop\vue_folder>vue serve
4Running npm run serve
5npm error code ENOENT
6npm error syscall open
7npm error path C:\Users\user\Desktop\vue_folder\package.json
8npm error errno -4058
9npm error enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'C:\Users\user\Desktop\vue_folder\package.json'
10npm error enoent This is related to npm not being able to find a file.
11npm error enoent
12npm error A complete log of this run can be found in: C:\Users\user\AppData\Local\npm-cache\_logs\2024-12-05T08_04_24_641Z-debug-0.log
13C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\execa\index.js:174
14                err = new Error(`Command failed: ${joinedCmd}${output}`);
15                      ^
16
17Error: Command failed: npm run serve
18    at makeError (C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\execa\index.js:174:9)
19    at C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\node_modules\execa\index.js:278:16
20    at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
21    at async runNpmScript (C:\Users\user\AppData\Roaming\npm\node_modules\@vue\cli\lib\util\runNpmScript.js:17:10) {
22  code: 4294963238,
23  stdout: null,
24  stderr: null,
25  failed: true,
26  signal: null,
27  cmd: 'npm run serve',
28  timedOut: false,
29  killed: false
30}
31
32Node.js v22.12.0

該当のソースコード

app.vue
1<!doctype html>
2<html>
3<head>
4<meta charset="utf-8">
5<title>無題ドキュメント</title>
6</head>
7
8<body>
9
10<template>
11  <div id="app">
12    <h1>Hello!</h1>
13    <p>This is message...</p>
14  </div>
15</template>
16
17
18</body>
19</html>
20