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