vue中安装模块

1.安装iview
安装淘宝镜像之后，在终端中输入命令

npm install -g cnpm --registry=https://registry.npm.taobao.org         --安装淘宝镜像
cnpm install --save iview            --安装iview

在main.js中引入

import iview from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iview)

组件中便可使用iview了

2.安装echarts

npm install -g cnpm --registry=https://registry.npm.taobao.org               --安装淘宝镜像
cnpm install echarts -s                 --安装echarts

在main.js中引入

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

在vue组件中写

3.安装jquery
1.在终端中执行命令
npm install jquery --save-dev

2、在项目根目录下的build/webpack.base.conf.js文件中
1》加入以下代码
var webpack = require(“webpack”)
2》在module.exports对象的最下面加入以下代码

plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
      jQuery: "jquery",
      $: "jquery"
    })
  ]

3.在src/main.js中引入

import $ from 'jquery'

此时项目中全局引入了jquery

4安装element ui

npm i element-ui -S

在src下的main.js文件中写入如下代码

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

5 安装指定版本的vue router
npm i vue [email protected]