vue引入jQuery的方法

因为个人习惯到了vue里面还是想着使用jQuery，所以折腾了半天，终于弄好了。好了不废话，直接进进入主题。

1、在vue-cli脚手架搭建成功后，可以打开你的开发工具，进行引入JQ。

2、首先在你的项目中找到package.json这个文件打开。

 

3、找到dependencies处，加入"jquery" : "^3.2.1"。

4、然后在你的开发工具中的终端中输入：npm install jquery --save-dev，我这里用的是vscode，工具虽然不同，但是功能都差不多。

5、然后找到项目中的bulid文件打开，再打开目录下的webpack.base.conf.js文件，在代码前面添加 var webpack=require('webpack') 这行代码。

6、继续在webpack.base.conf.js文件中找到module.exports处，在里面添加 plugins: [ 
           new webpack.ProvidePlugin({ 
                 $:"jquery", 
                 jQuery:"jquery", 
                "windows.jQuery":"jquery"
        }) 
      ], 

7，最后在项目中的src目录下找到main.js入口文件，引入jQuery。

8、最最后，在终端里输入npm run dev 跑起来看看