JAVA语言的vue脚手架安装流程详述

创建Vue CLI工程

步骤1：下载并安装Node.js**

下载并安装Node.js，下载完成后，打开新的CMD/终端窗口，输入以下命令：

```
npm -v
```

执行后，会提示版本号，则表示安装成功。

步骤2：配置npm源**

在CMD/终端窗口中输入：

```
npm config set registry https://registry.npm.taobao.org
```

执行后，不会有反馈。

以上命令用于配置npm源，则后续的下载软件都将从所配置的源服务器下载。

步骤3：安装vue/cli

在CMD/终端窗口中输入：

```
npm install -g @vue/cli
```

执行后，会自动下载一些软件，在CMD/终端窗口中也会有许多信息，**只要没有出现Error级别的错误，均可无视。**

到此为止的所有操作，在每台电脑上，都是一次性操作。

步骤4：创建工程

（以下示例将把项目创建在`F:\Vue-Workspace`，此盘和文件夹名均可自行指定）

打开电脑中的文件夹窗口，找到F盘，新建名为`Vue-Workspace`的文件夹，然后，在CMD/终端窗口中输入：

```
f:
```

执行后，再输入：

```
cd f:\Vue-Workspace
```

再执行后，命令提示符应该是`F:\Vue-Workspace`，此时，再创建Vue CLI项目，则项目会出现在此文件夹中。

在CMD/终端窗口中输入：

```
vue create jsd2203-csmall-web-client
```

输入完成后，按1次回车（按下后会卡顿一会，请等待），在接下来的提示中，选择`Manually choose featuers`，再选择`Babel`、`Router`、`Vuex`，再选择Vue的版本为`2.x`，出现`Y/n`的选项时，直接回车即可，然后选择`In package.json`，最后的`y/N`选择也直接回车即可。

接下来，会自动完成创建过程，出现` Successfully create