[RUBY] [Rails6] Erstelle eine neue App mit Rails [Anfänger]

Überblick

Hello, Qiita！！ In diesem Artikel geht es um "Das Erstellen einer neuen App mit Rails 6". Von Rails6 erscheinen schöne Pakete wie Webpack und Garn ~~ Ich verstehe ~~ nicht. Ich denke, es gibt viele Menschen, die süchtig danach sind, eine Umgebung aufzubauen (ich bin ein Beispiel). Ich konnte die Umgebung mit Docker erstellen, aber da mein Verständnis von Docker zu grob ist, werde ich über den Prozess in der lokalen Umgebung berichten.

Ich bin übrigens ein Anfänger, der kürzlich angefangen hat, RoR-Apps zu erstellen. Bitte mit warmen Augen beobachten. : gespült:

Ich habe auch einen Artikel auf Rails 5 veröffentlicht. Wenn Sie interessiert sind, lesen Sie bitte hier.

Voraussetzungen

• OS: MacOS
• Ruby-Version: 2.7.1
• Rails-Version: 6.0.3
• Datenbank: MySQL
• Ruby-Versionsverwaltung: rbenv
• IDE: VisualStudioCode

Wir werden eine App in der oben genannten Umgebung erstellen! : Sonnenbrille:

Erstellen Sie eine neue App mit Rails

Auf dem Terminal rbenv local 2.7.1 Nach der Ausführung rails _6.0.3_ new app_name -d mysql -B Ausführen.

Was machst du

• rbenv Deklaration der Befehlsausführung
• local 2.7.1 Geben Sie die in diesem Projekt verwendete Ruby-Version an (diesmal Version 2.7.1).
• rails Deklaration der Schienenbefehlsausführung
• _6.0.3_ Geben Sie die Version von Ruby an (diesmal Version 6.0.3).
• new Neuer Befehl zum Erstellen von Apps
• app_name Definition des Namens der App, die Sie erstellen möchten
• -d mysql Geben Sie die Datenbank an, die Sie verwenden möchten (diesmal MySQL)
• -B Anweisungen zum Überspringen der Bundle-Installation

Informationen zur Verwendung und zum Mechanismus von rbenv finden Sie im folgenden Artikel, da dieser leicht zu verstehen ist. _ Verwendung und Funktionsweise von rbenv - Qiita _

In-App-Dateien

Wenn Sie wie oben auf dem Terminal "Rails New" ausführen, werden viele Ordner und Dateien erstellt. (Der gleiche Inhalt wie bei Rails 5 wird weggelassen.)

Von Rails 6 hinzugefügte Dateien

Babel.config.js

node_modules

yarn.lock

Yarn ist ein Node.js (JavaScript) -Paketmanager, der gemeinsam von Facebook, Google usw. entwickelt wurde. ↑ Ich wusste es nicht, es ist erstaunlich (kein Wortschatz): unschuldig:

Garn selbst ist auch ein Paket von Knotenmodulen.

Ursprünglich hat Node.js einen Paketmanager namens npm (Node Package Manager), aber im Vergleich zu npm ist Yarn

• Die Installation des Knotenmoduls ist sehr schnell
• Es gibt eine Funktion, die dieselbe Version erstellt, unabhängig davon, wer sie erstellt (Versionssperrfunktion). --Securer
• Die Befehlszeilenausgabe ist einfach und leicht zu sehen

Es hat die folgenden Funktionen.

Rails hat einen Gem-Paketmanager namens Bundler, der jedoch der JavaScript-Version ähnelt.

javascript/webpack

• javascript

Vor Rails5 wurde der Javascript-Ordner unter App / Assets abgelegt. In Rails6 ist es unter App.

• webpack

Ausgehend von der angegebenen Datei verbindet Webpack die Dateien in einem wurmartigen Ausdruck, der sich auf die import-Anweisung stützt, und gibt eine kombinierte JavaScript-Datei aus.

Dieser Bündelungsprozess wird als Bündel bezeichnet. Und das Tool zum Bündeln heißt Bundler.

Der Punkt scheint zu sein, dass "Grundfunktionen in einer JavaScript-Datei kombiniert werden".

Edelsteininstallation

Die Beschreibung der Schienen in der Gemfile,

Gemfile

~
gem 'rails', '6.0.3'
~

Korrigieren Sie es mit der Version, die Sie verwenden möchten (diesmal Version 6.0.3).

Ich habe die Gem-Installation früher mit dem Befehl -B übersprungen, also auf dem Terminal bundle install Ausführen.

Starten Sie den Server

Starten wir den Server! Auf dem Terminal rails s Ausführen.

Was machst du

• rails server Anweisungen zum Verbinden der mit dem Befehl "Rails New" erstellten Rails-Anwendung mit dem Server in der lokalen Umgebung

• Rails Server _ kann _rails s _ sein, aber OK _: ok_hand:

Wenn das folgende Protokoll auf dem Terminal angezeigt wird, ist die Verbindung zum Server hergestellt!

Use Ctrl-C to stop

Lassen Sie es uns im Browser überprüfen! Gehen Sie zu [localhost: 3000](http: // localhost: 3000)!

Ich konnte eine Verbindung zum Server herstellen! : Metall:

Am Ende

Danke, dass du bis zum Ende zugesehen hast. Während meiner Recherche habe ich gelernt, dass Ruby eine Skriptsprache und Javascript eine Dolmetschersprache ist. Während ich die Geschichte der Programmiersprachen erforsche, bin ich tief bewegt von der Tatsache, dass verschiedene Sprachen und Frameworks die Anhäufung menschlicher Weisheit sind. : Denken:

Außerdem möchte ich in Zukunft einen Artikel darüber schreiben, wie man Funktionen mit verschiedenen Edelsteinen hinzufügt.

Wenn Sie Fragen zu diesem Artikel haben, lassen Sie es uns bitte wissen.

Ich habe mich in letzter Zeit mit Maskenakne unwohl gefühlt, daher denke ich, dass Hautpflege auch wichtig ist. : mask:

Wir sehen uns wieder! : walk_tone1:

Referenzierte Website

JS und CSS mit Webpack in der Rails-Umgebung vollständig verwalten Grundlegendes zu Webpack und Babel Samurai blog