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

在Linux系统中搭建H5开发环境,推荐使用轻量高效的组合:Node.js + Vue CLI(或Vite)+ Nginx + SQLite(开发阶段)+ MySQL(生产备选)。所有工具均通过包管理器安装,避免手动编译带来的兼容性问题。

AI生成的分析图,仅供参考

安装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)。随后全局安装Vue CLI(npm install -g @vue/cli)或更现代的Vite(npm create vite@latest),按向导初始化项目,生成标准H5目录结构。

开发服务器内置热重载功能,执行npm run dev即可启动本地服务(默认http://localhost:5173)。如需模拟生产部署路径或跨域调试,可配置vite.config.js中的server.proxy或base选项。静态资源输出后,可用Nginx提供真实Web服务:sudo apt install nginx,将dist目录软链至/var/www/html,并调整/etc/nginx/sites-available/default中的root指向,重启nginx生效。

数据库配置分两层处理。开发阶段首选SQLite:轻量、零配置、单文件。在项目中安装sqlite3(npm install sqlite3)和better-sqlite3(更易用),编写DB封装模块,初始化db.sqlite文件并定义用户、内容等基础表。所有操作通过Promise封装,避免阻塞主线程。

如需支持多用户或复杂查询,切换至MySQL。执行sudo apt install mysql-server,运行sudo mysql_secure_installation强化安全。创建专用数据库(CREATE DATABASE h5_dev CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;)和用户(CREATE USER ‘h5user’@’localhost’ IDENTIFIED BY ‘strongpass’; GRANT ALL ON h5_dev. TO ‘h5user’@’localhost’; FLUSH PRIVILEGES;)。应用层通过mysql2(npm install mysql2)连接,配置host: ‘127.0.0.1’、port: 3306及对应凭证。

所有敏感配置(如数据库密码)应存入.env.local文件(git忽略),通过import.meta.env读取。环境变量自动加载,无需额外插件。完成上述步骤后,一个支持热更新、静态部署、本地/服务端双数据库模式的H5开发环境即已就绪,可直接进入业务逻辑开发。

dawei

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

发表回复