Installation und Verwendung von Vue-Cli-Gerüsten

1. Umgebungsvorbereitung für Vue-Cli-Gerüste

1. Installieren Sie Node.js

1-1 Gehen Sie zur offiziellen Website von Node.js , um das Installationspaket herunterzuladen und den Installationspfad auf einen anderen Datenträger zu ändern, z. B. G:\Programme

1-2 Installieren Sie das npm Taobao-Image, um die Geschwindigkeit zu erhöhen

# 切换国内淘宝镜像，使用淘宝镜像下载速度更快
npm config set registry https://registry.npm.taobao.org 
# 查看当前镜像使用的地址，返回成功，则代表设置成功
npm config get registry

2. Legen Sie den Download-Pfad und den Cache-Pfad von cnpm fest

2-1 Erstellen Sie manuell neue Ordner „node_cache“ und „node_global“ im Installationsverzeichnis G:\Programme\nodejs, wie unten gezeigt:

2-2 Passen Sie das Verzeichnis an: Geben Sie jeweils in die Befehlszeile ein

npm config set prefix "G:\Program Files\nodejs\node_global"
npm config set cache "G:\Program Files\nodejs\node_cache"

3. Legen Sie Umgebungsvariablen fest

Umgebungsvariablen | Systemvariablen | Pfad | Bearbeiten | Neu | Kopieren und Einfügen „G:\Programme\nodejs\node_global“

4. Überprüfen Sie, ob die cnpm-Installation erfolgreich ist

在命令行输入指令 cnpm -v  查看 cnpm安装是否成功（安装成功才可以使用 cnpm）　　

5. Installieren Sie cnpm

# 在命令行输入如下指令，安装cnpm： 
npm install -g cnpm --registry=https://registry.npm.taobao.org
#	【注意】：cnpm的安装路径是 G:\Program Files\nodejs\node_global\node_modules\cnpm\bin

2. Um das Vue-Cli-Gerüst zu installieren, führen Sie einfach eine Befehlszeile aus.

Methode 1. Suchen Sie den Installationsbefehl und die Version auf der offiziellen Website von Vue-Cli scaffolding , z. B.:

npm install -g @vue/cli

Methode 2. Geben Sie das Node.js-Installationsverzeichnis ein und verwenden Sie cnpm (stattdessen können alle npm verwendet werden, cnpm ist schneller als npm).

G:\Program Files\nodejs\cnpm install -g @vue/cli

3. Verwendung von Vue-Cli-Gerüsten

1. Erstellen Sie eine Helloworld-Projektinstanz

# 1. 在要创建工程的目录下，打开控制台，输入如下指令 ：
vue create helloworld
# 2. 控制台下，按照提示进入工程目录：
cd helloworld
# 3. 按照提示运行项目，如下图1
cnpm run serve
# 4. 打开控制台的项目地址，浏览器访问如下图2

2. Erstellen Sie ein Projekt mit Vue-Cli-Gerüst [offizielle Vue-Website]

Die offizielle Website von Vue-Cli Scaffolding erstellt eine neue Projektreferenz