HBuilder X 如何使用npm（保姆级）

HBuilder X 使用 npm 的步骤如下：

1. 确保你的电脑上已安装 Node.js 和 npm。可以在终端中运行 node -v 和 npm -v 来检查版本。
2. 在 HBuilder X 中打开项目。
3. 在项目视图中，找到并点击 manifest.json 文件。
4. 在 manifest.json 文件的 "scripts" 字段中，添加你的 npm 脚本命令。例如：

{
  "scripts": {
    "start": "npm run dev",
    "dev": "webpack-dev-server --open",
    "build": "webpack --config webpack.config.js"
  }
}

5. 在终端视图中，点击终端工具栏的 + 按钮新建一个终端。
6. 在终端中，输入 npm install 来安装所需的 npm 包。
7. 使用 npm run [script-name] 来运行你在 manifest.json 中定义的脚本。例如，运行开发服务器：npm run start。

以下是一个简单的 npm 使用示例：

1. 打开 HBuilder X。
2. 创建一个新项目或打开现有项目。
3. 在项目视图中，右键点击项目根目录，选择 在终端中打开。
4. 在终端中，输入 npm init 来创建 package.json 文件。按照提示填写相关信息。
5. 安装一个 npm 包，例如 express，输入 npm install express。
6. 在项目中的 JavaScript 文件中，你可以使用 require 来引入并使用 express：

var express = require('express');
var app = express();
 
app.get('/', function (req, res) {
  res.send('Hello World!');
});
 
app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

7. 在终端中运行你的应用：node app.js (假设你的入口文件是 app.js)。

以上步骤和示例代码提供了在 HBuilder X 中使用 npm 的基本流程。