如何使用 css 样式表“npm start”一个 html 文件？

Question

我是编码新手，并且（显然）在堆栈溢出中获取 Q 允许我与其他开发人员进行更多交互。

我在 VS Code 上编码，并且我知道有一个“实时服务器”扩展，以便完全执行我需要我的代码执行的操作。 但是，直到我最后一次尝试“npm start”来获取另一个正在运行的代码，现在我开始了一个简单的 html/css/js 代码，它只是说：

npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path C:\Users\.\..\...\....\package.json
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\.\..\...\....\package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

我做了一些研究，我知道我需要运行npm install或npm init 。

However my npm install won't fix the issue, and the npm init does create the package.json file, BUT won't fix the issue.

另外，运行npm init后，它说我没有“启动”脚本，即使我设置了脚本，它也不起作用。

我已经：

1. 删除所有.json 文件并运行 npm 安装。
2. 运行 npm init 并添加“启动”脚本。
3. 重新启动了我的电脑。
4. 卸载并重新安装VS Code。
5. 在另一台计算机上再次完成整个代码。

我不知道还能做什么。

Answer 1

首先让我说您不需要 npm 或实时服务器来查看简单的 HTML、CSS 和 JS 项目。 您可以使用 web 浏览器打开 HTML 文件。 假设您知道，让我介绍一下 npm 命令正在做什么，因为它起初让我感到困惑。

• npm init 设置一个新的或现有的 package。 （创建 package.json）
• npm install 将为您当前的项目安装所有必需的包（来自 package.json 的依赖项）

package.json 中的启动命令只是当您实际键入 npm start 时运行的代码位。 基本上，这一切都归结为您不需要运行任何类型的启动命令，除非您的应用程序需要在简单的 HTML CSS 和 JS 不需要的服务器上运行。

Live Server 类似于运行 start 命令时发生的情况，它只是通过 VSCode 提供的扩展。 我使用的另一个有用的扩展是“在默认浏览器中打开”，用于我的基本 HTML CSS 和 JS 文件。