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