vant项目按需导入组件
{
"plugins": [
["import", {
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}]
]
}
<template>
<div id="app">
<router-view/>
<div>
<van-button type="info">信息按钮</van-button>
<van-icon name="cart-o" color="#1989fa" />
</div>
</div>
</template>
<script>
import { Button, Icon } from 'vant'
export default {
components: {
[Button.name]: Button,
[Icon.name]: Icon
}
}
</script>
vant全部导入
npm install vant
import Vue from 'vue'
import Vant from 'vant'
import 'vant/lib/index.css'
Vue.use(Vant)
<van-button type="info">信息按钮</van-button>
<van-icon name="cart-o" color="#1989fa" />
vue项目自动打开并修改端口号
module.exports = {
devServer: {
port: 8888,
open: true
}
}