vue初始化新项目，安装常用的依赖

总结一下自己在项目中使用过的常用的依赖，省的用到时再去找了

首先初始化vue新项目

安装node，npm或者cnpm，吧啦吧啦。。。

npm install --save-dev vue-cli

安装vue-cli，完成后准备使用webpack初始化新项目

vue init webpack "你的项目名称"

出现的选项：

Project Name: 项目名称，自己用的项目直接默认就好
Project Description: 项目描述，想写就写，不想写直接默认
Author: 作者，署上自己的花名，万一项目火了呢
Install vue-router: 是否安装vue-router; 推介安装y，一般vue项目基本都会用得到，就算用不到就当练手了
Use ESLint to lint your code: 是否使用ESLint来进行代码检测; 如果自己项目要求不是那么的苛刻，就不用装了，直接n
Setup unit tests with Karma + Mocha?: 是否安装单元测试; 这个也是因项目而定，我一般直接n
Setup e2e tests with Nightwatch: 是否安装端到端的测试; 如果项目没有特殊要求就不用安装，直接n

还有使用npm、cnpm还是yarn都按自己的项目来就行，一般我都是第一项直接过

最后再来一步 npm install 安装依赖就初始化完成

做一个新的项目，只是靠初始化的vue肯定是不够的，那么我们就要使用到依赖包了，我就总结一下我常用到的依赖

一、babel-polyfill 把ES6语法转换成IE浏览器能读取的ES5语法，通常用来兼容IE浏览器，防止出现白屏现象

npm install --save-dev babel-polyfill

安装好后可以直接在main.js文件中引入
import 'babel-polyfill'
最好呢在webpack.base.config.js文件中修改
entry: {
    app: ['babel-polyfill', './src/main.js']
  },

二、axios 

npm install axios --save-dev 和 npm install vue-axios --save-dev
安装完成后引入
1、在main.js文件中
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios)

2、添加到vue的原型属性上，同样是在main.js文件中
import axios from 'axios'
Vue.prototype.axios = axios

3、结合 Vuex的action
在vuex的仓库文件store.js中引用，使用action添加方法
import Vue from 'Vue'
import Vuex from 'vuex'

import axios from 'axios'

Vue.use(Vuex)
const store = new Vuex.Store({
  // 定义状态
  state: {
    user: {
      name: 'kimi'
    }
  },
  actions: {
    // 封装一个 ajax 方法
    login (context) {
      axios({
        method: 'post',
        url: '/register',
        data: context.state.user
      })
    }
  }
})

export default store

三、配置jQuery 

（1）在webpack.base.conf.js头部添加

var webpack = require('webpack')

（2）在entry后边添加

plugins: [
      new webpack.ProvidePlugin({
          "$": "jquery",
          "jQuery": "jquery",
          "window.jQuery": "jquery"
      })
  ]

在main.js中引入jQuery

import 'jquery'

四、安装elementUI

npm i element-ui -S  

main.js引入：

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);    // 即可直接使用文档

持续更新。。。