vergecurrency.com

vergecurrency.com

Lightning Fast Verge網站在Reactjs之上構建了NextJ。

先決條件

您需要以下先決條件，才能在本地計算機上安裝和使項目運行。

蘋果：

打開您首選的終端，並按照正確的順序安裝以下軟件包。

自製：

 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

nodejs：

 brew install node

紗：

 brew install yarn

視窗：

git

 Download the Windows installer here:
https://git-scm.com/download/win

nodejs：

 Download the Windows installer here:
https://nodejs.org/en/download/

紗：

 Download the Windows installer here:
https://yarnpkg.com/lang/en/docs/install/

Linux：

Ubuntu/Debian

nodejs：

 curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs

紗：

 curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list
sudo apt-get update && sudo apt-get install yarn

安裝

使用您喜歡的終端按照下一步的步驟來啟動和運行：注意：Windows用戶需要啟動Git Bash才能成功安裝紗線依賴項。

將項目克隆到您的計算機上的目錄：

 git clone https://github.com/vergecurrency/vergecurrency.com.git

CD進入新創建的目錄：

 cd vergecurrency.com

如果您有不同版本的nodejs，請使用Node版本管理器：

NVM說明

 Example, nvm use v10.15.3

或使用.NVMRC

 nvm use

安裝依賴項：

 yarn install

運行應用程序：

 yarn run dev

在您的瀏覽器中打開網站：

 http://localhost:3000

運行測試

我們已經在這個項目中實現了2個襯裡。

帶有Airbnb配置的Eslint

eslint一個文件：

 ./node_modules/.bin/eslint _filename_.js

eslint頁面

 ./node_modules/.bin/eslint pages/**/*.js

ESLINT整個項目

 ./node_modules/.bin/eslint */*.js

節點SASS棉絨

遮蓋一個文件

 ./node_modules/.bin/sass-lint -c ./.sasslintrc './path/to/file.scss'

覆蓋所有SCSS文件

 ./node_modules/.bin/sass-lint -c ./.sasslintrc '**/*.scss'

本地部署

我們正在使用NextJS構建系統。要構建，只需運行以下命令：

 yarn run build

然後，它將構建和導出整個項目。

在本地運行構建：

 gulp

翻譯

文件夾結構

確保您僅使用語言的簡短名稱。因此，例如，英語的文件夾名稱是en ，俄語將為ru ，法國將是fr 。如果您使用具有不同名稱的文件夾名稱，則無法正常工作。因此，例如en-GB行不通。如果您認為這是我們應該允許的事情，請通過Discord（Stanfaas）與我聯繫。

新翻譯

在向我們的Locales文件夾中添加新語言時，您應該確保將語言代碼（文件夾名稱）添加到languages.json文件中。該文件可以在： ./lists/languages.json languages.json中找到。請注意，將語言添加到該文件後，該語言將直接處於活動狀態。

建立

• NextJS-使用的SSR框架
• I18Next-用於翻譯
• ESLINT-用於JavaScript覆蓋
• Sass -lint-用於SCSS覆蓋
• Postcs -loader-用於使用WebPack轉換樣式。
• AutopReFixer-用於解析CSS並將供應商前綴添加到規則中，我可以使用。

貢獻

請閱讀有關我們的行為準則的詳細信息以及向我們提交拉的請求的過程的詳細信息。

作者

• Stan FAAS-主要開發人員-Stanfaas
• Edwin de Boer-主要開發人員-Edwinb89
• max1us-開發人員 /維護者-max1us
• WAVEON3 -WEBDESIGNS -WAVESIGN3

另請參閱參與該項目的貢獻者列表。

執照

該項目是根據MIT許可證獲得許可的 - 有關詳細信息，請參見許可證文件