vergecurrency.com herunterladen - vergecurrency.com Source Code Download

vergecurrency.com

Website-Daten

1.0.0

Herunterladen

Vergecurrency.com

Die Lightning Fast Verge -Website, die mit NextJs auf ReactJs erstellt wurde.

Voraussetzungen

Sie benötigen die folgenden Voraussetzungen, um das Projekt auf Ihrem lokalen Computer zu installieren und zu laufen.

MAC:

Öffnen Sie Ihr bevorzugter Terminal und installieren Sie die folgenden Pakete in der richtigen Reihenfolge.

Homebrew:

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

Nodejs:

 brew install node

Garn:

 brew install yarn

Fenster:

Git

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

Nodejs:

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

Garn:

 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

Garn:

 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

Installation

Verwenden Sie Ihr bevorzugter Terminal, um die nächsten Schritte auszuführen: Hinweis: Windows -Benutzer müssen Git Bash starten, um Garnabhängigkeiten erfolgreich zu installieren.

Klonen Sie das Projekt in ein Verzeichnis auf Ihrer Maschine:

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

CD in das neu erstellte Verzeichnis:

 cd vergecurrency.com

Wenn Sie eine andere Version von NodeJS haben, verwenden Sie den Node Version Manager:

NVM -Anweisungen

 Example, nvm use v10.15.3

Oder mit .nvmrc

 nvm use

Abhängigkeiten installieren:

 yarn install

Führen Sie die Anwendung aus:

 yarn run dev

Öffnen Sie die Website in Ihrem Browser:

 http://localhost:3000

Die Tests ausführen

Wir haben 2 Linter in diesem Projekt implementiert.

Eslint mit Airbnb -Konfiguration

Eslint Eine einzige Datei:

 ./node_modules/.bin/eslint _filename_.js

Eslint die Seiten

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

Eslint das ganze Projekt

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

Knoten Sass Lint

FININT Eine einzelne Datei

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

FININT Alle SCSS -Dateien

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

Lokale Bereitstellung

Wir verwenden das NextJS Build -System. Führen Sie einfach den folgenden Befehl aus:

 yarn run build

Es wird dann das gesamte Projekt aufbauen und exportieren.

Um den Build vor Ort zu führen:

 gulp

Übersetzungen

Ordnerstruktur

Stellen Sie sicher, dass Sie nur den kurzen Namen für Sprachen verwenden. Zum Beispiel ist der Ordnerame für die englische Sprache en , Russisch wird ru und Frankreich fr sein. Wenn Sie einen Ordnernamen verwenden, der einen anderen Namen hat, funktioniert er nicht. Also würde en-GB zum Beispiel nicht funktionieren. Wenn Sie der Meinung sind, dass dies eine Sache ist, die wir zulassen sollten, kontaktieren Sie mich bitte unter Discord (Stanfaas).

Neue Übersetzungen

Beim Hinzufügen einer neuen Sprache zu unserem Ortsordner sollten Sie sicherstellen, dass der Sprachcode (Ordnername) in die Datei languages.json hinzufügt. Diese Datei finden Sie in: ./lists/languages.json . Beachten Sie, dass die Sprache direkt aktiv ist, nachdem Sie sie dieser Datei hinzugefügt haben.

Gebaut mit

NEXTJS - Das verwendete SSR -Framework
I18Next - verwendet für Übersetzungen
Eslint - Wird für die JavaScript -Linie verwendet
Sass -Lint - verwendet für SCSS -Leinen
POSTCSS -LOADER - Wird zum Transformieren von Stilen mit WebPack verwendet.
Autoprefixer - Wird verwendet, um CSS zu analysieren und Anbieter -Präfixe zu Regeln hinzufügen, durch kann ich verwenden.