既然写项目，那么少不了用 JQ，那我们就引入进来吧~



1、因为已经安装了 Vue 脚手架，所以需要在 Webpack 中全局引入 JQuery

打开 package.json 文件，在里面加入这行代码，jquery 后面的是版本，根据你自己需求更改。

dependencies:{
　　"jquery":"^2.2.1"
}

Vue.js - Vue 项目引入 JQuery 框架_jquery


2、然后在命令行中 cnpm install，大多人应该都是使用的淘宝镜像，所以使用 cnpm，如果你不是 ，可以使用 npm 安装。


3、在 webpack.base.conf.js 中加入一行代码

let webpack = require("webpack")

Vue.js - Vue 项目引入 JQuery 框架_命令行_02


4、在 webpack.base.conf.js 中 module.exports 的最后加入这行代码。

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

Vue.js - Vue 项目引入 JQuery 框架_ide_03


5、在 main.js 中引入加入下面这行代码，全局引入。

import $ from 'jquery'


6、最后一步，重新跑一遍就好，控制台输入 npm run dev    

Ps：你会神奇的发现，JQ 可以用了！