Linux下H5开发环境搭建与数据库配置

在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集成。

由 dawei

【声明】:站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

发表回复