vue/cli4移动端ui组件库——Vant插件的安装(下)

上一篇:vue/cli移动端ui组件库——Vant插件的安装(上)
上一篇讲了怎么使用vue ui来安装vant插件,这一篇我们就来康康使用cmd命令行怎么来安装吧

方法二:cmd命令行安装

我使用的编译器是vscode(版本号如下)
vue/cli4移动端ui组件库——Vant插件的安装(下)

  1. 打开vscode
    在左上角,点击文件,点击打开文件夹,然后选择你创建的项目文件夹。
    打开后应该是这样子滴(因为创建项目时的选项可能不同,所以里面包含的文件可能会跟我的不一样)我这里项目文件名称是PHONE,在它的路径下有一些文件夹和文件文件夹,包括node_modules、public、src、.gitignore、.json文件、README.md文件等。
    vue/cli4移动端ui组件库——Vant插件的安装(下)

  2. 打开cmd命令行
    下方有一个蓝色的条,点击它vue/cli4移动端ui组件库——Vant插件的安装(下)
    会出现控制台,点击控制台的终端
    cmd命令行就出现啦(这个是你项目下的控制台哦)
    vue/cli4移动端ui组件库——Vant插件的安装(下)

  3. 输入安装语句

npm install vant -S

(S是save的简写)
注:这里使用-S的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。
而前面安装vue时用的-g是全局安装。
安装完成后,就可以使用啦。

  1. vant使用方法
    使用方法基本都是在你要引用的那个组件里找到需要引入到main.js的语句,然后复制粘贴过去
    例如:vue/cli4移动端ui组件库——Vant插件的安装(下)
    将我圈起来的语句粘贴到main.js当中(注意第一句话如果已经引入了就不要再引入了,只复制它下面的语句就可以了)
    然后再在你需要使用的.vue中引入它的语句就可以啦

更多详细信息可以去vant的官网康康哦~

这里提供vant插件的网址方便进入查看具体插件及操作方法:vant官网