1. 安装 Node.js 环境和 npm 包管理器;
2. 在项目目录中,通过 npm 初始化生成 package.json 文件;
3. 安装 gulp 和相关插件,如 gulp-less、gulp-sass、gulp-sourcemaps;
4. 在根目录下创建 gulpfile.js 文件,用于编写任务;
5. 在 gulpfile.js 中引入 gulp 和相关插件;
6. 编写任务,如 less 和 sass 编译任务,sourcemaps 生成任务,监听任务等;
7. 运行任务,可通过命令行或集成开发环境(如 VS Code)中的 gulp 插件进行操作;
8. 完成编译和生成 sourcemaps 后,在 HTML 页面中引入编译后的 CSS 文件和 sourcemaps 文件。