Linux H5开发环境搭建：数据库配置到项目运行

　　在Linux系统中搭建H5开发环境，需从基础依赖开始。确保已安装Node.js（建议v16+）和npm，可通过命令node -v与npm -v验证；若未安装，推荐使用nvm管理多版本，避免权限问题与系统冲突。

本图由AI生成，仅供参考

　　数据库选用轻量、易部署的SQLite或MySQL，本地开发更倾向SQLite。安装SQLite只需sudo apt install sqlite3 libsqlite3-dev（Ubuntu/Debian），无需额外服务进程；如需MySQL，则执行sudo apt install mysql-server并运行sudo mysql_secure_installation完成安全配置。

　　创建项目前，先初始化数据库结构。以SQLite为例，在项目根目录新建db/文件夹，执行sqlite3 db/app.db < schema.sql导入建表语句；schema.sql中定义用户、内容等必要表，字段名保持小写与下划线风格，适配前端JSON习惯。

　　后端采用轻量框架如Express.js。新建server.js，引入sqlite3模块，通过new sqlite3.Database('./db/app.db')建立连接；配置REST接口，如GET /api/items返回JSON数据，注意设置CORS中间件支持跨域请求，满足H5页面调用需求。

　　前端使用Vue CLI或Vite脚手架生成H5项目。安装时指定模板（如npm create vite@latest my-h5 -- --template vue），进入目录后运行npm install；修改src/api/index.js封装axios请求，基础URL指向http://localhost:3000/api，确保与后端端口一致。

　　启动双服务：终端1中执行node server.js启动API服务（默认3000端口），终端2中运行npm run dev启动Vite开发服务器（默认5173端口）；浏览器访问http://localhost:5173即可加载页面，前端自动拉取SQLite中的模拟数据。

　　调试阶段重点关注控制台报错与Network标签页。若遇“Connection refused”，检查后端是否运行及端口占用；若返回空数组，确认SQL查询语句正确且数据库文件路径无误；H5页面加载慢可启用Vite的build.rollupOptions.external排除大型库，减小打包体积。

　　整个流程不依赖Docker或复杂运维工具，所有组件均可在普通用户权限下完成安装与调试，适合教学、原型验证及中小型H5项目快速落地。完成即得一个具备真实数据交互能力的本地开发环境，后续可平滑迁移至Nginx或上线部署。

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!