vue crane

Vue-Crane (unerbittlich)

Eine universelle, modulare, mehrseitige, vollständige Vue-Kesselplatte für ein großes Projekt. Basierend auf Node.js, Express, PM2, Lerna, Webpack, Babel, Vue.js, Element, Postcss.

Merkmale

• element-ui als UI-Dienstprogramme.
• Kombiniert prettier und ESlint in Pre-Commit-Haken mit lint-staged . Hör auf, dir Sorgen um den Scheiße -Code -Schlupf in deine Codebasis zu machen.
• pm2 als Produktionsprozessmanager.
• http-proxy-middleware für Remote-Server-API-Proxy, um CORS-Fehler zu vermeiden.
• Verwenden Sie webpack dll , um die Erstellungszeitleistung zu verbessern.
• Unterstützen Sie dynamic webpack entry über CLI.
• lerna für die Verwaltung mehrerer Projekte in einem Projekt.
• postcss für CSS -Präprozessor der nächsten Generation.
• Kombinieren Sie den Entwicklungs- und Produktionsserver auf einem express -Server.
• winston als Logger -System.
• Unterstützen Sie Express Router -Anpassung.
• Generieren Sie automatisch das Bündelprojekt für die Bereitstellung.

Erste Schritte

git clone https://github.com/posrix/vue-crane my-project
cd my-project
npm install
npm run dev

Dynamischer Webpackeintrag

Zulebend der Entwicklung in einem riesigen Projekt. Lassen Sie die notwendige Datei von Webpack erstellen, die viel anständiger ist, anstatt das gesamte Projekt zu erstellen. Vue-Crane Verwenden Sie CLI als Eingang, um den Benutzer auszuwählen, welches Modul zu entwickeln ist.

Server -Seitenentwicklung

Starten Sie einen lokalen Produktionsserver mit heißem Reload mit nodemon .

$ npm install
$ npm run build
$ npm run local 

Produktion

Es gibt 3 Produktionsumgebungen in Vue-Crane:

• Test
• Umgebung Pre-Release
• Release -Umgebung

Jede Umgebung hat ein eigenes Start -up -Skript:

Testumgebung:

$ npm run stage

Umgebung vor der Veröffentlichung:

$ npm run pre

Release -Umgebung:

$ npm run release

Einsatz

Vue-Crane Verwenden Sie ein Bundle-Projekt namens Vue-Crane-Bangle zur Bereitstellung. Jedes Mal, wenn Sie eine neue Version iterieren möchten, führen Sie einfach ein Shell -Skript aus. Alle Sachen werden in Ihrem Bündelprojekt beigelegt. Es gibt drei Vorteile der Verwendung eines Bündelprojekts zur Bereitstellung:

• Bleiben Sie die Konsistenz von Serverabhängigkeiten in verschiedenen Umgebungen.
• Quick Roll-Back zur früheren Version, während Fehler aufgetreten sind.
• Stellen Sie nur die erforderlichen Dateien auf dem Online -Produktionsserver bereit.

Bereitstellungsschritt

1. Erstellen Sie ein leeres Git -Repository als Ihr Bundle -Projekt. Fügen Sie jedem Git -Repository -Hosting -Dienst eine Remote -URL hinzu. Stellen Sie sicher, dass sich Ihr Bundle -Projekt mit Ihrem Quellprojekt in derselben Ordnerebene befindet.

2. Bündelskript in package.json bearbeiten. Für die Bereitstellung von drei Parametern sind: source_project , bundle_project , release_branch .

{
  "bundle" : " sh ./tasks/bundle.sh source_project bundle_project release_branch "
}

3. Führen Sie das Bündelskript aus.

$ npm run bundle

Lizenz

Die MIT -Lizenz (MIT). Weitere Informationen finden Sie unter Lizenzdatei.