Vue (element ui库、Less、axios 安装及引用)

Vue 学习

element ui库导入
1.安装

npm i element-ui -S

2.引入

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

Less环境的安装
如果项目中的css样式，需要引用less语法的话，那么对应就需要安装两个模块，分别为less,less-loader

npm install less less-loader --save
npm i less-loader
or
cnpm install less less-loader --save

less的使用

<style lang='less' scope> 

// scope -->表示组件的样式独立互不影响。

axios安装

npm install axios

axios 引入
1.创建vue.config.js文件，文件内容

module.exports={
    devServer:{
        open:true,
        host:'localhost',
        port:8080,
        proxy:{
            '/api':{
                target:'http://open.douyucdn.cn/',
                changeOrigin:true
            }
        }
    }
}

axios导入

import axios from 'axios'
Vue.prototype.$axios = axios

vant引入
https://youzan.github.io/vant/#/zh-CN/