vue/cli4移动端ui组件库——Vant插件的安装（上）

使用Vant前的准备

推荐使用Vue官方提供的脚手架Vue/cli来创建项目

关于vue/cli

1.vue/cli的安装（已经安装可跳至2.项目创建）

1.1已经安装了vue/cli

• 若已经安装了vue/cli的可以在电脑桌面按下Windows键+R快捷键在输入框中输入cmd来打开cmd命令，查看已经安装的vue版本号
• 方法：在命令框中输入vue -V(-前加一个空格)之后按下Enter键
• 显示：

C:\Users\Administrator>vue -V
@vue/cli 4.5.4

这里的版本号若已经是4的就可以跳过安装这一步了。若是4以前的版本，需要先卸载再安装。

• 卸载方法：在cmd命令中输入：

npm uninstall vue-cli -g

1.2未安装vue/cli

• 安装方法：按照上述方法打开cmd命令框，在命令框中输入以下命令：

cnpm install -g @vue/cli

这里-g表示全局安装。

• 安装完成后，在cmd中键入下列命令查看版本号：

C:\Users\Administrator>vue -V
@vue/cli 4.5.4

若是4的版本，就可以了。

2. vue项目的创建

2.1项目创建前的准备

• 安装是在C盘进行的，但因为是全局安装所以没有关系。此时我们要创建项目了，如果在原来的cmd命令框下创建项目会使得项目创建在C盘，所以可以先关掉cmd，在你想创建项目的盘里找或者创建一个文件夹。在该文件夹下我们来创建项目。
  注意：当我们创建项目或者平常，最好使用无中文无空格的路径。
  在你选择的盘下的文件夹创建好后，点击进入该文件夹，这是，文件里是空的，在上方的搜索栏中输入cmd命令，Enter键打开，这时可以看到cmd命令框中的路径是你所选择的盘下的，某某文件下的路径，在其中键入命令。