在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应返回版本号。随后全局安装Vite:sudo npm install -g create-vite。

AI设计草图,仅供参考
创建H5项目:运行npm create vite@latest my-h5-app — –template vue,进入目录后执行npm install && npm run dev。默认服务运行在http://localhost:5173,支持热更新与ES模块。
静态资源需部署到Web服务器。安装Nginx:sudo apt install nginx,将dist目录(构建后生成)拷贝至/var/www/html,并修改/etc/nginx/sites-available/default中的root指向该路径。重启服务:sudo systemctl restart nginx。
数据库方面,开发阶段推荐SQLite——零配置、单文件、适合前端联调。安装sqlite3命令行工具:sudo apt install sqlite3。创建数据库:sqlite3 ./data/app.db,执行CREATE TABLE users(id INTEGER PRIMARY KEY, name TEXT);即可开始使用。
若需MySQL支持(如模拟后端接口),安装服务端:sudo apt install mysql-server。启动并启用自启:sudo systemctl start mysql && sudo systemctl enable mysql。运行sudo mysql_secure_installation完成安全初始化。创建专用用户与数据库:登录后执行CREATE DATABASE h5_dev CHARACTER SET utf8mb4; CREATE USER ‘h5user’@’localhost’ IDENTIFIED BY ‘pass123’; GRANT ALL ON h5_dev. TO ‘h5user’@’localhost’; FLUSH PRIVILEGES;
前端可通过fetch或Axios调用本地Node.js中间层(如Express)访问数据库,避免浏览器直连风险。Express服务示例:npm install express sqlite3,编写server.js启动端口3000,统一处理API请求。整个流程无需图形界面,纯终端操作,稳定且易于CI/CD集成。