前言
在前端开发中，需要搭建一些简单的静态页面或者网站，常常会使用一些静态网站生成工具，比如 Jekyll、Hexo 等等。而在使用这些工具的过程中，我们经常需要自己去搭建一些基础的页面结构，这个过程可能会重复繁琐，浪费我们宝贵的时间。因此，在这样的情况下，使用一个可以快速搭建基础页面结构的脚手架工具是非常有必要的。
在 npm 上有一个非常好用的脚手架工具，叫做 generator-simplesitenow，它可以帮助我们快速搭建一个简单的静态页面或者网站。
安装
使用该工具之前，首先需要在电脑中安装 Yeoman：
npm install -g yo
安装完成之后，就可以安装 generator-simplesitenow 了：
npm install -g generator-simplesitenow
使用
安装完成后，我们可以进入一个新建的空文件夹中，执行以下命令：
yo simplesitenow
然后，根据提示进行一些配置，比如：
- 输入名称：页面的名称。
- 选择模板：选择要使用的静态页面模板。
- 输入许可证号码：可选项，选择适合自己的许可证，包括标准许可证和非标准许可证。
- 输入作者姓名和电子邮件地址：输入项目的作者信息。
完成上述配置后，工具会自动在当前目录中搭建一个简单的静态页面或者网站。
实例
下面是一个实例，我们将创建一个基本的 HTML 页面。
- 在电脑中创建一个新文件夹。
- 在命令行中进入该文件夹，执行以下命令：
yo simplesitenow
然后根据提示进行配置，输入项目名称为 "My-Page"，选择模板为 "basic"，按照默认设置完成其他配置。这时，工具会自动帮我们创建一个基础的静态 HTML 页面。
我们来看一下生成的项目结构：
. ├── index.html ├── package.json └── README.md
其中，index.html 就是生成的 HTML 页面。
页面的内容非常简单，包含了一些基础的 HTML 标签和一份样式表。这个页面非常容易修改，把它当作一个雏形，可以进行后续的开发。
总结
现在，我们已经初步了解了 generator-simplesitenow 的使用方法，它可以帮助我们快速搭建基础的静态页面或者网站。这个工具非常实用，可以帮助我们节省大量的时间。
当然，它还有很多其他的功能，比如可以自定义模板，添加插件等等。对于喜欢前端开发的人来说，了解这个工具可以使我们的工作更加高效。
希望这篇文章可以对广大前端开发者有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005671a81e8991b448e370f