更新记录

1.0.0（2025-07-14） 下载此版本

v1.0.0

• 实现了 基本 选择的 js 文件的压缩

平台兼容性

HBuilderX插件通用注意事项

HBuilderX-2.7.12以下版本安装插件市场内的插件后，卸载时需手动卸载，详细教程参考：如何手动卸载插件

# HBuilderX Next.js 工具插件

插件简介

本插件为 HBuilderX 提供 Next.js 项目开发的常用工具命令，帮助开发者在 HBuilderX 内高效创建、开发、构建和预览 Next.js 项目。

主要功能

• 一键创建 Next.js 项目
• 启动 Next.js 开发服务器
• 构建 Next.js 项目
• 预览 Next.js 生产环境

安装与调试

1. 使用 HBuilderX 打开本插件工程目录。
2. 点击工具栏的“运行”按钮，或按快捷键 Ctrl + r（Mac 下为 Cmd + r），会打开一个新的 HBuilderX 窗口并加载插件。
3. 在新窗口中即可通过右键菜单或命令面板（F1）使用插件命令。
4. 修改插件代码后，需重新运行插件窗口以生效。

命令列表及使用说明

1. 创建 Next.js 项目

• 命令名称：创建 Next.js 项目
• 触发方式：右键菜单或命令面板输入“创建 Next.js 项目”
• 功能说明：输入项目名称后和路径后 ，自动执行 create-next-app <项目名> 创建新项目。

2. 启动 Next.js 开发服务器

• 命令名称：启动 Next.js 开发服务器
• 触发方式：右键菜单或命令面板输入“启动 Next.js 开发服务器”
• 功能说明：在当前项目目录下执行 npm run dev，启动开发服务器。

3. 构建 Next.js 项目

• 命令名称：构建 Next.js 项目
• 触发方式：右键菜单或命令面板输入“构建 Next.js 项目”
• 功能说明：在当前项目目录下执行 npm run build，进行生产环境构建。

4. 预览 Next.js 项目

• 命令名称：预览 Next.js 项目
• 触发方式：右键菜单或命令面板输入“预览 Next.js 项目”
• 功能说明：在当前项目目录下执行 npm run start，预览生产环境效果。

注意事项

• 请确保已在本地全局安装 Node.js 和 npm。
• 各命令需在 Next.js 项目根目录下执行，否则会提示错误。
• 如需查看更多插件开发文档，请访问：https://hx.dcloud.net.cn

如有建议或问题，欢迎反馈！