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

环境安装也简单

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

2、安装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组件引入方式