vue 插件安装与使用

1、安装sass
01、npm install --save-dev sass-loader
//sass-loader依赖于node-sass
npm install --save-dev node-sass

02、在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /.sass$/,
loaders: ['style', 'css', 'sass']
}
如下图所示

20170718163609094.png

03、修改style标签
<style lang="scss">
04、运行项目
npm run dev

2、安装jquery
01、安装jquery
npm install jquery --save
02、在webpack.base.conf.js文件中引入webpack
const webpack = require('webpack')
添加如下代码
plugins: [
new webpack.ProvidePlugin({
from 'jquery'
04、运行项目
npm run dev

3、安装axios
01、安装
npm install axios
02、引入
在main.js中移入 import axios from 'axios'

4、安装iview UI组件库
01、安装iview
npm install iview --save
02、在main.js中引入
import iView from 'iview'
import 'iview/dist/styles/iview.css' // 使用 CSS
Vue.use(iView)

5、安装mint-ui 组件库
01、安装
npm i mint-ui --save
02、在main.js中引入
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';
Vue.use(Mint);