在Linux系统中搭建H5开发环境，推荐使用轻量高效的组合：Node.js + Vue CLI（或Vite）+ Nginx + SQLite（开发阶段）+ MySQL（生产备选）。所有工具均通过包管理器安装，避免手动编译带来的兼容性问题。
安装Node.js可使用NodeSource仓库：依次执行curl -fsSL https://deb.nodesource.com/setup_lts.x | sudo -E bash -，再运行sudo apt install -y nodejs。验证安装：node -v与npm -v应显示稳定版本号（如v20.x）。全局安装Vue CLI（npm install -g @vue/cli）或更现代的Vite（npm create vite@latest），按提示初始化H5项目，选择vanilla或Vue模板即可快速生成可运行骨架。
前端开发服务器默认监听localhost:5173（Vite）或:8080（Vue CLI），无需额外配置。若需域名访问或静态资源托管，可安装Nginx：sudo apt install nginx，将构建后的dist目录（npm run build生成）软链接至/var/www/html，调整/etc/nginx/sites-available/default中的root路径并重启服务（sudo systemctl restart nginx）。
本图由AI生成，仅供参考
数据库配置分两层：开发期优先选用SQLite，零配置、文件级存储，适合H5本地调试。在项目中安装sqlite3（npm install sqlite3）与better-sqlite3（更简洁API），创建db.sqlite文件后即可用JavaScript直接读写。示例代码中引入数据库模块，定义用户表并插入测试数据，前端通过fetch调用本地Express后端接口获取JSON。
如需多用户或远程协作，升级为MySQL：sudo apt install mysql-server，运行sudo mysql_secure_installation强化安全。创建专用数据库（CREATE DATABASE h5_dev CHARACTER SET utf8mb4;）与用户（CREATE USER ‘h5user’@’localhost’ IDENTIFIED BY ‘strongpass’; GRANT ALL ON h5_dev. TO ‘h5user’@’localhost’;），并配置Node.js后端使用mysql2驱动连接。注意在防火墙中开放3306端口（仅限内网）或绑定127.0.0.1防止公网暴露。
所有配置完成后，通过npm run dev启动前端，另启终端运行后端服务（如Node+Express），打开浏览器访问即可实时调试H5页面与数据库交互逻辑。关键点在于环境隔离：前端静态资源走Nginx，动态接口由Node处理，数据库仅对本地服务开放，兼顾效率与安全性。
