Vant移动端

什么是Vant

Vant是一个轻量，可靠的移动端组件库，2017开源

Vant的优势

ElementUI是开发电脑浏览器页面的组件库

而Vant是开发移动端显示页面的组件库

酷鲨商城前台设计的是手机来访问，所以使用移动端更合适也就是使用Vant

Vant特性

• 🚀 性能极佳，组件平均体积小于 1KB（min+gzip）

• 🚀 65+ 个高质量组件，覆盖移动端主流场景

• 💪 使用 TypeScript 编写，提供完整的类型定义

• 💪 单元测试覆盖率超过 90%，提供稳定性保障

• 📖 提供完善的中英文文档和组件示例

• 第一个Vant程序

  创建Vue项目

  参考第四阶段创建Vue项目的比较创建Vue项目

  首先确定一个文件夹创建Vue项目

  G盘下创建一个文件夹vue-home

  进入文件夹在地址栏输入cmd，打开dos命令行

  G:\vue-home>vue create demo-vant
  

  具体选项,参考之前阶段创建Vue的笔记

  添加\安装Vant支持

  我们创建一个Vue项目,Vue项目不会自动支持Vant

  我们需要将Vant添加到Vue项目中

  进入到我们刚刚创建的项目的文件夹

  G:\vue-home>cd demo-vant
  

  运行安装\添加Vant支持的npm命令

  G:\vue-home\demo-vant>npm i vant@