Hbuilderx vue项目如何保存数据到json文件

在HBuilderX中，你可以使用Node.js的fs模块来保存数据到JSON文件。以下是保存JSON数据的步骤：

1. 在项目根目录下创建一个名为"utils"（或者其他你喜欢的名字）的文件夹，用于存放工具类文件。
2. 在"utils"文件夹下创建一个名为"file.js"的文件，并在文件中编写以下代码：

const fs = require('fs');

// 保存数据到JSON文件
function saveDataToFile(data, filePath) {
  fs.writeFileSync(filePath, JSON.stringify(data, null, 2));
}

module.exports = {
  saveDataToFile,
};

3. 在你需要保存数据的地方引入"file.js"文件，并调用`saveDataToFile`方法保存数据。例如：

const { saveDataToFile } = require('./utils/file.js');

const data = {
  name: 'John',
  age: 25,
};

saveDataToFile(data, './data.json');

上述代码会将`data`对象保存到项目根目录下的"data.json"文件中。如果该文件不存在，会自动创建。

请注意，上述代码使用了Node.js的fs模块，因此只能在Node.js环境中运行，无法在浏览器中使用。如果你的项目需要在浏览器中保存数据到JSON文件，可以考虑使用其他方法，例如通过AJAX请求将数据发送到服务端，然后由服务端保存到JSON文件中。