vue + vant 仿写网易严选 APP（一）安装 vue-cli & vant

安装 vue-cli

安装 vant 框架

官网

https://youzan.github.io/vant/#/zh-CN/

通过 npm 安装

npm i vant -S

引入组件

推荐自动按需引入组件

babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式

安装插件

npm i babel-plugin-import -D

// 在.babelrc 中添加配置
// 注意：webpack 1 无需设置 libraryDirectory
{
  "plugins": [
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]
}

.babelrc

.babelrc 文件，最初是从 Linux 的开发习惯发展而来，以 rc 结尾的文件，一般都是运行时自动加载的文件、配置文件等，babelrc，就是运行时自动加载的 Babel 文件。

Babel

转码文件。现在 ES6 还没有被所有的浏览器支持，所以需要 Babel 将 ES6 转换成浏览器能够识别的代码。