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
