【源码】基于 Vue CLI 4 的自动化前端脚手架配置

项目简介

本项目是基于 Vue CLI 4 的前端脚手架配置项目，为前端开发者打造高效、便捷的开发环境。项目封装了 axios、字体库、路由、组件、vuex 等模块的自动引入，内置常用 JavaScript 工具、npm 库和小组件封装。可灵活配置，适用于移动端和 PC 端项目，助开发者快速启动开发工作。

项目的主要特性和功能

1. 自动化模块引入：自动引入 axios、字体库、路由、组件等常用模块，减少手动配置时间。
2. 内置工具和小组件：包含常用 JavaScript 工具、npm 库和小组件封装，便于快速构建功能。
3. 移动端和 PC 端兼容：支持移动端与 PC 端开发，可按需灵活配置。
4. 配置灵活：可通过配置文件（如 postcss.config.js）自定义项目配置，满足个性化需求。
5. 自动化适配：移动端项目内置自动化转 vw 插件，默认设计稿 750，已针对 Vant UI 进行 375 适配。

安装使用步骤

前提条件

确保系统已安装 Node.js 和 npm。

安装步骤

1. 复制或下载本项目源码。
2. 在项目根目录下运行以下命令安装依赖： bash npm install
3. 根据项目需求，配置相关文件（如 postcss.config.js 等）。
4. 运行以下命令启动开发服务器： bash npm run serve
5. 运行以下命令进行打包：
6. 测试环境打包： bash npm run build:test
7. 生产环境打包： bash npm run build:prod

注意事项

• 移动端项目：设计稿默认大小为 750（可在 postcss.config.js 中设置），已针对 Vant UI 适配。使用自动化转 vw 插件时，注意相关适配设置。
• PC 端项目：若用于 PC 端项目，需移除与移动端适配相关的插件（如 postcss-px-to-viewport）和 Vant 相关组件。

更多配置和使用细节，请参考 Vue CLI 官方文档。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】