什么是protein
Protein是一个命令行工具,用于生成静态网站并进行部署。它使用 Markdown 作为内容源,并支持基于 Handlebars 的主题。
安装protein
运行以下命令来安装Protein:
--- ------- -- -------
使用protein创建新项目
让我们创建一个名为“my-website”的新项目。在终端中进入任何目录,并运行以下命令:
------- --- ----------
Protein将在当前目录下创建一个名为“my-website”的新项目。
构建和预览
在使用Protein创建新项目后,我们需要构建项目。在项目的根目录中,运行以下命令:
------- -----
Protein将在项目的“dist”目录中生成静态HTML文件。
现在,我们可以在浏览器中通过运行以下命令来预览构建的网站:
------- -------
这将启动一个本地服务器,并在默认端口“8080”上预览网站。
部署
一旦你满意你的网站,你就可以将它部署到监管中。Protein提供了一个“deploy”命令来帮助你进行部署。
首先,你需要为你的项目配置部署选项。在项目的根目录中,打开“protein.json”文件,并添加一个名为“deploy”的新对象:
- --------- - ----------- ------ ------- -------------- ----------- ---------------- ----------- ---------------- ------------------ --------------------------- - -
现在,你可以运行以下命令来部署你的网站:
------- ------
这将将您的站点上传到指定的远程目录。请确保您已经提供了正确的FTP主机,用户名和密码。
结论
Protein是一个强大的工具,可以加快前端开发人员的工作流程。它使用简单,并且可以轻松处理Markdown文档。Protein还提供了主题支持,并且可以轻松集成到任何JavaScript框架中。希望这篇文章对你有所帮助!
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/75080