vue+node移动商城【2】-环境安装

环境安装也简单

一、vue-cli的安装，网上大把的教程，这里就不详细写了。

二、安装vant，npm install vant -save，
如今比较流行的方式是【按需引入】。就是按须要引入某组件，而且也不用管样式。如今基本上都这么搞了，比较少使用import Vant from 'vant'这种方式。

首先安装：npm install babel-plugin-import -save，
而后，在vue-cli项目根目录中打开.babelrc文件，这个文件是babel的配置文件。
在里面配置plugins项，

"plugins": [
    "transform-vue-jsx", "transform-runtime",
    ["import",{"libraryName":"vant","style":true}]
  ]复制代码

搞好以后，在main.js里随便引入一个vant的组件，例如button按钮，

import { Button } from 'vant'
Vue.use(Button)复制代码

只须要在main.js里引入一次，而后在整个项目里就能够处处的直接使用了，随便找一个.vue文件，在里面写，

<van-button type="primary">主要按钮</van-button>，复制代码

就能看到按钮效果了。

这种方式也是vant所提倡的，
vant组件引入方式