由 dawei 
AI生成内容图，仅供参考
在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应显示稳定版本号（如v18.x）。随后全局安装Vite：npm create vite@latest my-h5-app -- --template vue，进入项目目录后运行npm install，再用npm run dev启动本地开发服务器（默认http://localhost:5173）。
静态资源部署阶段建议配置Nginx。安装后编辑/etc/nginx/sites-available/h5-site，设置root指向dist目录（构建后路径），添加location / { try_files $uri $uri/ /index.html; }以支持Vue Router的history模式。启用站点并重载配置：sudo ln -sf /etc/nginx/sites-available/h5-site /etc/nginx/sites-enabled/ && sudo nginx -t && sudo systemctl reload nginx。
数据库方面，开发初期推荐SQLite——零配置、文件级存储、适合H5项目本地调试。安装sqlite3：sudo apt install sqlite3 libsqlite3-dev。在项目根目录下新建db/data.db，用sqlite3 db/data.db进入交互界面，执行CREATE TABLE users(id INTEGER PRIMARY KEY, name TEXT);等语句初始化表结构。前端可通过Axios调用后端API接口，不直连数据库。
若需服务端数据库支持（如Node后端配合H5），可安装MySQL：sudo apt install mysql-server，然后sudo mysql_secure_installation强化安全。创建专用数据库与用户：sudo mysql -e \"CREATE DATABASE h5_dev CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;\"，再CREATE USER 'h5user'@'localhost' IDENTIFIED BY 'secure_password'; GRANT ALL ON h5_dev. TO 'h5user'@'localhost';。连接时使用mysql2模块，确保字符集设为utf8mb4以支持emoji与中文。
所有配置完成后，建议将常用命令写入package.json的scripts中（如\"build:nginx\": \"npm run build && cp -r dist/ /var/www/html/\"），并定期备份SQLite文件或MySQL导出数据：mysqldump -u h5user -p h5_dev > backup.sql。环境即代码，配置文件统一纳入Git（排除敏感信息与数据库文件）。