在前端开发中，使用生成器可以极大地提高开发效率。generator-sm 是一个基于 Yeoman 的生成器，它可以帮助你快速搭建前端项目。本文将介绍如何使用 generator-sm。
安装 generator-sm
首先你需要安装 Yeoman 和 generator-sm。输入以下命令：
npm install -g yo generator-sm
安装完成后，输入以下命令可以验证是否安装成功：
yo --generators
如果在列表中看到 generator-sm，说明安装成功。
使用 generator-sm
使用 generator-sm 可以快速生成一个前端项目。输入以下命令：
yo sm
然后跟随指示完成步骤，包括输入项目名称、选择使用 Sass 或者 Less、选择是否使用 TypeScript 等。输入完成后会生成以下目录结构：
├── dist ├── node_modules ├── src │ └── index.html ├── .editorconfig ├── .gitignore ├── .yo-rc.json └── package.json
其中 dist 存放编译好的文件，node_modules 存放依赖包，src 存放源码。.editorconfig 是编辑器配置文件，.gitignore 是 Git 忽略文件列表。.yo-rc.json 是 Yeoman 配置文件，存放之前的选择内容。
运行项目
生成项目后运行以下命令启动本地服务器：
npm run serve
默认将在浏览器中打开 http://localhost:8080，可以看到 Hello Yeoman!。
构建项目
使用以下命令构建项目：
npm run build
将生成的文件存放在 dist 目录中。
总结
generator-sm 可以帮助我们快速生成前端项目。此外，Yeoman 还有其他的生成器，可以适用不同的项目。我们可以根据自己的需求选择合适的生成器。使用生成器可以减少一些重复工作，加快开发进程，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600560a081e8991b448dedf7