项目简介
本项目是基于Gulp4搭建的简易前端移动端模版项目,采用模块化开发方式。以Gulp作为构建工具,运用Stylelint对CSS/SCSS代码进行规范管理,同时支持ES6的大部分语法,主要用于快速构建前端移动端模版。
项目的主要特性和功能
主要技术栈
- 以Gulp4作为构建工具,实现开发环境和生产环境分离配置。
- 利用Stylelint对CSS/SCSS代码进行规范管理,保障代码质量。
- 支持ES6的大部分语法,但暂不支持import和export模块化。
- 借助Gulp - html - tpl模板快速开发HTML公共部分。
功能特点
- 代码规范:遵循ESLint和Stylelint规范,保证代码质量。
- 模块化开发:采用模块化开发方式,方便代码管理与维护。
- 自动化构建:通过Gulp进行自动化构建,提升开发效率。
- 易于扩展:配置灵活,便于扩展和修改。
安装使用步骤
1. 安装依赖
在项目根目录下执行以下命令安装依赖:
bash
npm install // 安装node_modules,载入相关依赖;
2. 运行项目
开发环境
执行以下命令运行开发环境,同时生成dist目录:
bash
npm run dev // 运行本地环境;
生产环境
执行以下命令打包上线代码,生成dist目录:
bash
npm run build // 打包上线代码;
自动修复SCSS
执行以下命令自动修复SCSS:
bash
npm run cssfix // 自动修复SCSS;
自动修复JS(暂未实现)
目前自动修复JS功能尚未完全实现,建议手动修改对应的JS文件。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】