Verwenden Sie Typescript-Konfigurationsschritte in Vue

npm installiere Vue-Klassenkomponente Vue-Eigenschaftsdekorator --speichern
npm installiere TS-Loader Typescript tslint tslint-loader tslint-config-standard --save-dev

// Für die Datei-Plugin-Konfiguration muss es in das configureWebpack-Objekt geschrieben werden.
modul.exporte = {
    konfigurierenWebpack: {
        auflösen: { Erweiterungen: [".ts", ".tsx", ".js", ".json"] },
        Modul: {
            Regeln:
                {
                    Test: /\.ts$/,
                    ausschließen: /node_modules/,
                    erzwingen: 'pre',
                    Lader: „tslint-loader“
                },
                {
                    Test: /\.tsx?$/,
                    Lader: „ts-loader“,
                    ausschließen: /node_modules/,
                    Optionen:
                        appendTsSuffixTo: [/\.vue$/],
                    }
                }
            ]
        }
    }
}

 (*) Babel //ES6 nach ES5
 (*) TypeScript //Verwenden von ts
 ( ) Progressive Web App (PWA)-Unterstützung //Progressive Web App (*) Router //Routing (*) Vuex //Statusverwaltung (*) CSS-Präprozessoren //CSS-Vorverarbeitung (*) Linter / Formatter //Spezifikationstyp ( ) Unit-Tests //Test ( ) E2E-Tests //Test

Klassensyntax für Komponenten verwenden? (J/n) Möchten Sie klassensyntax für Komponenten verwenden? Geben Sie J ein und drücken Sie die Eingabetaste. Verwenden Sie Babel zusammen mit TypeScript (erforderlich für den modernen Modus, automatisch erkannte Polyfills, Trans
JSX piling)? (J/n) Verwenden Sie Babel und TypeScript (moderner Modus, automatische Erkennung von Polygonfüllungen, Trans erforderlich (JSX) Geben Sie J ein Geben Sie den Verlaufsmodus für den Router ein? (Erfordert eine ordnungsgemäße Servereinrichtung für den Index-Fallback im Produkt
ion) (J/n) Möchten Sie den Verlaufsroutingmodus verwenden? Geben Sie N ein und drücken Sie die Eingabetaste. Wählen Sie einen CSS-Präprozessor (PostCSS, Autoprefixer und CSS-Module werden standardmäßig unterstützt). Ich wähle normalerweise Sass/SCSS (mit node-sass).

Wählen Sie eine Linter-/Formatierungskonfiguration: (Verwenden Sie die Pfeiltasten): Wählen Sie die Syntaxerkennungsspezifikation aus. Im Allgemeinen ist die erste, ESLint nur mit Fehlervermeidung, die Standardeinstellung. Wenn Sie jedoch ts verwenden, können Sie TSLint wählen

Wählen Sie zusätzliche Lint-Funktionen aus: (Drücken Sie zum Auswählen, zum Umschalten auf alle, zum Umkehren der Auswahl) Wählen Sie „Beim Speichern prüfen“ / „Beim Senden prüfen“ Wählen Sie während der Entwicklung generell die erste Prüfung beim Speichern aus Wo möchten Sie die Konfiguration für Babel, PostCSS, ESLint usw. platzieren? (Verwenden Sie die Pfeiltasten) Wählen Sie aus, wo die Konfigurationsinformationen gespeichert werden sollen, entweder separat oder in package.json Generell ist die erste standardmäßig ausgewählt und die Plugin-Konfiguration wird in einer separaten Datei gespeichert Dies als Vorgabe für zukünftige Projekte speichern? (j/n) Möchten Sie es als Vorgabe speichern, damit Sie es beim nächsten Erstellen eines Projekts nicht erneut auswählen müssen? Geben Sie N ein und drücken Sie die Eingabetaste