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組件引入方式