vue cli 2.0 引入第三方库整理

一、引入jquery

1、在build文件夹下边的webpack.base.conf.js文件

（1）require webpack

const webpack = require('webpack')

（2）有个webpackConfig的JSON中有一个resolve的JSON中有alias的JSON中添加一个键值对=>

'jquery': 'jquery'

（3）和resolve同级新增一个数组

plugins: [

  new webpack.ProvidePlugin({

    $: "jquery",

    jQuery: "jquery",

    "windows.jQuery": "jquery"

  })

],

（4）在src的main.js中=>

import $ from 'jquery';

二、引入font-awesome-webpack（一个字体库）

（1）安装命令

cnpm install font-awesome-webpack less less-loader css-loader style-loader file-loader font-awesome --save-dev

（2）引入：

import font from 'font-awesome-webpack';

（2）使用方法fontawesome地址可以查看图标的样式

<span class='fa fa-name'></span>

三、百度地图

（1）安装：

cnpm install vue-baidu-map --save

（2）引入

import BaiduMap from 'vue-baidu-map';
Vue.use(BaiduMap, {

  // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */

  ak: '************************************************'

})

（3）官网连接

四、vue cli 2.0切换页面后位置问题

（1）切换之后都返回页面的顶部

router.afterEach((to, from, next) => {

  window.scrollTo(0, 0);

})

五、常用的一些关于开发的网站

（3）阿里云矢量图标库

（4）绘制原型图

（5）vue插件集合

（6）微信小程序开发助手

（7）图片压缩1

（8）图片压缩2

（9）论坛

（10）PDF转换