vue boilerplate typescript

Vue.js Boilerplate, Typescript, Vuex, Vue-Router, Element-UI, i18n, axios, Font Awesome

Ein Typoskript-Boilerplate für Vue.js mit Vue CLI 3.x, das Folgendes verwendet:

• vuex
• Vue-Router
• Element-UI
• i18n
• Axios
• Schriftart Super
• ...

Anforderungen

• Node.js (npm)

Installation

1. Installieren Sie Vue CLI 3.x

    npm install -g @vue/cli
   # OR
   yarn global add @vue/cli
   

2. Installieren Sie die Abhängigkeiten

    npm install
   # OR
   yarn install
   

Architektur

Auf diese Weise strukturiere ich persönlich Vue.js-Projekte. Fühlen Sie sich frei, es an Ihre Bedürfnisse anzupassen.

• ? assets : Enthält alle Assets wie Bilder oder Sounddateien.
• ? components : Enthält alle Vue -Komponenten.
• ? layouts : Enthält alle Vue -Layouts, die im vue-router eingestellt werden können.
• ? models : Enthält alle für die Geschäftslogik benötigten Modelle.
• ? requests : Enthält alle Anfragen, die für die Kommunikation mit der API benötigt werden.
• ? rules : Enthält alle wiederverwendbaren Validierungsregeln.
• ? services : Enthält alle Dienste, die Webanfragen erfüllen.
• ? store : Enthält alle Module, die vom vuex -Store verwendet werden.
• ? style : Enthält alle Stylesheets.
• ? translations : Enthält alle Übersetzungen als .ts Dateien.
• ? views : Enthält alle Ansichten, die im vue-router verwendet werden.

Befehle

Kompiliert und Hot-Reloads für die Entwicklung

 npm run serve
# OR
yarn run serve

Kompiliert und minimiert für die Produktion

 npm run build
# OR
yarn run build

Lints und Fixes von Dateien

 npm run lint
# OR
yarn run lint

Konfiguration anpassen

Siehe Konfigurationsreferenz.