Was ist der Unterschied zwischen vue-cli3 und vue-cli2?

Unterschiede: 1. „vue-cli3“ basiert auf webpack4, während „vue-cli2“ auf webpack3 basiert; 2. „vue-cli3“ entfernt den statischen Ordner und fügt einen öffentlichen Ordner hinzu und verschiebt „index.html“. " an die Öffentlichkeit.

Die Betriebsumgebung dieses Artikels: Windows 10-System, Vue Version 2.9.6, DELL G3-Computer.

Was ist der Unterschied zwischen vue-cli3 und vue-cli2?

Das Github-Warehouse von vue-cli 3 wurde vom ursprünglichen unabhängigen Github-Warehouse in das Vue-Projekt verschoben.

Die Projektstruktur von vue-cli 3 verzichtet vollständig auf vue-cli 2 Die ursprüngliche Architektur von 3 ist abstrakter und prägnanter (hier kann sie später ausführlich vorgestellt werden).

vue-cli 3 basiert auf Webpack 4, vue-cli 2 oder webapck 3

vue-cli 3 stellt den vue ui-Befehl bereit , bietet visuelle Konfiguration und ist benutzerfreundlicher

Da vue-cli 3 auch die Zero-Configuration-Idee des Rollups gelernt hat, gibt es nach der Initialisierung des Projekts kein bekannteres Build-Verzeichnis und kein Webpack. base.config.js, Konfigurationsdateien wie webpack.dev.config.js und webpack.prod.config.js. Das Designprinzip von

vue-cli 3 ist die Nullkonfiguration. Die Build- und Konfigurationsverzeichnisse im Stammverzeichnis der Konfigurationsdatei wurden entfernt.

Der statische Ordner wurde entfernt, der öffentliche Ordner wurde hinzugefügt und index.html wurde hinzugefügt wurde in die Öffentlichkeit verschoben.

Die Verzeichnisstruktur des von Vue-cli3 erstellten Projekts

vue_project

• -- node_modules # Installierte Bibliotheksabhängigkeiten

• -- public # Entspricht static in vue-cli2, verpackt und intakt platziert In dist

• -- src # Quellcode

• -- .browserslistrc # Browserbezogene Dinge konfigurieren

• -- .gitignore # Git-bezogene Dinge konfigurieren. Sie können konfigurieren, dass einige Dateien ignoriert werden

•                                                                    . .babel                                                                                                     .babel                                  Fügen Sie am Ende die Versionsnummer hinzu, damit verschiedene Versionen von Abhängigkeiten installiert werden können project

  npm run serve

#Paketprojekt

• npm run build

  Hinweis: Diese Befehle werden im Skript von package.json konfiguriert

  {
    "name": "vue3test",
    "version": "0.1.0",
    "private": true,
    "scripts": {
      # 运行项目
      "serve": "vue-cli-service serve",
      # 打包项目
      "build": "vue-cli-service build"
    },
    # 运行依赖
    "dependencies": {
      "core-js": "^3.6.5",
      "vue": "^2.6.11"
    },
  # 开发依赖
    "devDependencies": {
      "@vue/cli-plugin-babel": "^4.4.0",
      "@vue/cli-service": "^4.4.0",
      "vue-template-compiler": "^2.6.11"
    }
  }

[Verwandte Empfehlung: „
• vue.js Tutorial

  “]

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen vue-cli3 und vue-cli2?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!