HTML 文件及文件夹一键生成脚本 makefile 简介

本脚本包含两大部分，makefile.bat脚本以及模板文件。该脚本主要目的是通过在 cmd 或 git bash 终端中输入一行代码，从而快速生成项目文件夹以及所需的常用文件。省时省力，真是居家旅行，练习 HTML/CSS(Sass/SCSS)/JS 的必备神器~

使用方法

git 版（推荐）

• 1.在项目文件夹下右击打开 git bash 终端
• 2.git bash 终端中输入git clone [email protected]:etsuyou/etsuyou-make.git下载 makefile 文件
• 3.git bash 终端中输入指令：./etsuyou-make/makefile.bat + 空格 + <待新建文件夹名称>，例如：./etsuyou-make/makefile.bat test完成新建
  • 注：20240302 以后新增缺省待新建文件夹名称默认创建Default_Test文件夹功能

离线版

• 1.打开项目文件夹
• 2.将 makefile 文件夹复制或移动到该项目文件夹下
• 3.右键使用 vscode 打开该文件夹，或将该项目文件夹拖动到 vscode 图标上打开项目文件夹
• 4.在 vscode 中新建终端，或快捷键 ctrl+shift+`
• 5.输入指令：./etsuyou-make/makefile.bat + 空格 + <待新建文件夹名称>，例如：./etsuyou-make/makefile.bat test
  • 注：20240302 以后新增缺省待新建文件夹名称默认创建Default_Test文件夹功能

更新说明

20240325

• 增加 rem 支持功能
• 增加 config 配置默认单位
• 格式化文档，美化结构
• 增加了一些注释
• 上传 npm 仓库

20240324

• 增加常用 mixin 的简写

20240322

• 支持 Scss，添加scss文件夹及相关文件，添加 scss 中默认内容%foo占位
• 增加@mixin bg($width, $height, $background_color)，避免重复书写

20240320

• 添加global.css全局 CSS 文件

20240302

• 增加functions.js文件
• 增加 font 矢量图片文字文件夹
• 增加了缺省文件名时创建Default_Test文件夹功能
• 增加创建完成时的提示语

20240228

• 增加-help和-h帮助指令
• 增加任务完成后 Mission completed 提示