前言
今天，我们来聊一聊前端开发中重要的构建工具——npm 包 @phenomic/cli。
@phenomic/cli 是一个静态网站生成器，它可以很方便地帮助我们构建静态网站、博客、文档等。
本文将详细介绍如何安装、配置和使用 @phenomic/cli 进行静态网站的生成。我们将要涉及一些基础的前端技术，如果对这些技术还不熟悉，建议先学习一下。
安装
在开始使用 @phenomic/cli 之前，需要先安装 npm。然后，在命令行中输入以下命令，全局安装 @phenomic/cli。
npm install -g @phenomic/cli
配置
安装完成后，我们需要进行一些简单的配置。
- 创建项目目录
在命令行中，进入你想要创建项目的目录，然后创建一个新目录。例如：
mkdir my-phenomic-project cd my-phenomic-project
- 初始化项目
在命令行中输入以下命令，初始化项目：
phenomic init
然后，按照提示输入相关信息，例如项目名称、作者信息等。
- 选择主题
@phenomic/cli 提供了多个主题供我们选择，用于美化我们的网站。在命令行中输入以下命令，选择主题：
phenomic theme
按照提示进行选择即可。
- 启动开发服务器
在命令行中输入以下命令，启动开发服务器：
npm run start
然后，在浏览器中输入 http://localhost:3333 访问我们的网站。
使用
我们已经完成了 @phenomic/cli 的安装和配置，现在可以开始使用了。
- 编写网站内容
在项目目录中，我们可以找到 src/content 目录，这个目录中包含了我们网站的内容。现在可以在这个目录中创建 Markdown 文件，用于编写我们的网站内容。
- 构建网站
在命令行中，输入以下命令，构建我们的网站：
npm run build
然后，我们可以在项目根目录的 build 目录中找到生成的网站。我们可以在本地预览这个网站，也可以将它部署到服务器上，供全世界访问。
- 定制主题
如果默认提供的主题不满足我们的需求，可以在 @phenomic/cli 的官方网站上找到更多主题。然后，在项目根目录的 phenomic-theme.js 文件中配置主题即可。
总结
通过本文，我们了解了 @phenomic/cli 的安装、配置和使用方法。@phenomic/cli 是一个非常优秀的静态网站生成器，可以帮助我们轻松地构建静态网站。希望对大家有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672f30520b171f02e1f20