prolog app
1.0.0
该存储库是React作业模拟器的一部分，您可以在使用高级工具和工作流程的专业开发环境中工作。您可以根据从小错误修复到成熟功能的设计来实现任务。基本上，您会在加入专业的React团队后才学习很多事情。
该应用程序是类似于Sentry或Rollbar的错误记录和监视工具。您可以在prolog.profy.dev上找到主分支的部署版本。注意：您必须单击右上角的“仪表板”链接才能查看应用程序，如下屏幕截图所示。
观看此视频以浏览代码库。
该项目是由Next.js，Typescript，Cypress＆SCSS模块构建的。要开始从事该项目，请首先在本地计算机上克隆存储库并安装依赖项。
npm install将.env.template文件复制到一个名为.env的新文件。该文件包含Next.js通过dotenv软件包注入所需的环境变量。
最后，运行开发服务器：
npm run dev现在，您可以使用浏览器打开http：// localhost：3000以查看应用程序。
该项目使用Eslint，Stylelint和Prettier的工具。为了充分利用这些工具，建议安装相应的扩展名。对于VS代码，这些是：
官方的Stylelint扩展程序可能需要对您的settings.json文件进行一些调整。如果它不合时宜，请尝试添加以下行：
"css.validate": false,
"less.validate": false,
"scss.validate": false,
"stylelint.validate": ["css", "scss"],
我发现非常有价值的其他扩展是
代码咒语检查器Gitlens SVG Github Copilot（付费）
该项目涵盖了柏树测试。尽管目前对生产应用程序的大多数测试都使用React测试库编写，但赛普拉斯是开始测试的最佳选择。当您刚测试开始时，可能会很麻烦，并且感觉自己处于全新的开发环境中。
柏树使开始测试变得更加容易。您仍然必须习惯新的编码方式，但是由于其出色的UI调试非常简单，并且与您在浏览器中使用的内容非常相似。
要在本地计算机上运行柏树测试，请使用此命令：
npm run cypressStorybook是记录您的组件并在视觉上进行视觉测试的绝佳工具。打开故事书运行
npm run storybook
