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