vue/cli4移动端ui组件库——Vant插件的安装(下)
上一篇:vue/cli移动端ui组件库——Vant插件的安装(上)
上一篇讲了怎么使用vue ui来安装vant插件,这一篇我们就来康康使用cmd命令行怎么来安装吧
方法二:cmd命令行安装
我使用的编译器是vscode(版本号如下)
打开vscode
在左上角,点击文件,点击打开文件夹,然后选择你创建的项目文件夹。
打开后应该是这样子滴(因为创建项目时的选项可能不同,所以里面包含的文件可能会跟我的不一样)我这里项目文件名称是PHONE,在它的路径下有一些文件夹和文件文件夹,包括node_modules、public、src、.gitignore、.json文件、README.md文件等。
打开cmd命令行
下方有一个蓝色的条,点击它
会出现控制台,点击控制台的终端
cmd命令行就出现啦(这个是你项目下的控制台哦)
输入安装语句
npm install vant -S
(S是save的简写)
注:这里使用-S的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。
而前面安装vue时用的-g是全局安装。
安装完成后,就可以使用啦。
- vant使用方法
使用方法基本都是在你要引用的那个组件里找到需要引入到main.js的语句,然后复制粘贴过去
例如:
将我圈起来的语句粘贴到main.js当中(注意第一句话如果已经引入了就不要再引入了,只复制它下面的语句就可以了)
然后再在你需要使用的.vue中引入它的语句就可以啦
更多详细信息可以去vant的官网康康哦~
这里提供vant插件的网址方便进入查看具体插件及操作方法:vant官网
以上是 vue/cli4移动端ui组件库——Vant插件的安装(下) 的全部内容, 来源链接: utcz.com/z/377401.html